/* Workspace design refinements. Keeps each tool's original controls and IDs intact. */
:root { --accent:#efb86e; --mint:#6ed7bc; --border:#2d4358; }
body { background:radial-gradient(circle at 57% -18%,#22364b 0%,#0a1320 58%); }
.shell { grid-template-columns:270px minmax(0,1fr); }
.sidebar { position:sticky;top:0;height:100vh;overflow-y:auto;padding:25px 16px;gap:11px;background:linear-gradient(170deg,#13263a,#0b192a);box-shadow:-12px 0 30px #020a1526; }
.brand { padding:8px 8px 18px;border-bottom:1px solid #293e54; }
.mark { border-radius:15px;background:linear-gradient(135deg,#ffe1a4,#d99b47);box-shadow:0 8px 24px #daa25022; }
.brand strong { letter-spacing:1.3px; }
.sidebar-title { margin:8px 0 0;font-weight:700;font-size:11px;color:#809eb4; }
.sidebar nav { gap:4px; }
.nav-item { display:flex;align-items:center;gap:12px;min-height:45px;padding:11px 13px;border:1px solid transparent;line-height:1.3;font-size:13px;transition:background .15s,border-color .15s; }
.nav-item span { margin:0; }
.nav-item:hover { background:#213a50;color:#edf7ff; }
.nav-item.active { background:linear-gradient(105deg,#344c63,#223c52);border-color:#53677d;color:#ffd08b;box-shadow:inset -3px 0 0 #f0ba74; }
.sidebar-footer { line-height:1.65; }
.content { width:100%;max-width:1840px;margin:0 auto;padding:32px clamp(20px,3vw,48px) 70px; }
.topbar { display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px;padding-bottom:21px;border-bottom:1px solid #26394c; }
.topbar>div:first-child { min-width:180px;flex:1; }
.eyebrow { color:#79dfbd;font-size:11px;font-weight:800;letter-spacing:.45px; }
.topbar h1 { margin:8px 0 0;font-size:clamp(26px,2.5vw,36px); }
.top-actions { gap:7px;flex-wrap:wrap; }
.top-actions>button,.top-actions>.button { white-space:nowrap;padding:11px 13px;font-size:12px; }
#projectName { width:160px;font-weight:700;background:#17283a; }
.pill { font-weight:700; }
.metrics { gap:14px; }
.metric,.panel { background:linear-gradient(145deg,#16293c,#0e1d2d);box-shadow:0 10px 27px #030b171a;border-color:#2d4156; }
.metric { position:relative;min-height:108px;padding:21px 23px;overflow:hidden; }
.metric::before { content:"";position:absolute;right:0;top:23px;width:3px;height:43px;background:#6cbded; }
.metric:nth-child(2)::before { background:#70d5bd; }
.metric:nth-child(3)::before { background:#eeb776; }
.metric strong { color:#f4f8fc; }
.metric:nth-child(2) strong { color:#a5f1dd; }
.panel { padding:clamp(18px,2vw,26px); }
.panel-head { flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid #283e52;margin-bottom:18px; }
.panel h2 { color:#f4f8fd; }
.controls { row-gap:12px; }
.controls label { font-weight:600; }
input,select,textarea { border-color:#38536b;transition:border-color .15s; }
input:hover,select:hover,textarea:hover { border-color:#627c94; }
input::placeholder,textarea::placeholder { color:#748aa0;opacity:1; }
textarea { font-family:Consolas,"Courier New",monospace;line-height:1.7; }
button.primary,.button.primary { background:linear-gradient(120deg,#ffcc83,#eaa758);border-color:#e7a456;box-shadow:0 5px 14px #e8a24d16; }
button.secondary,.button.secondary { background:#1e384e;border-color:#425e76; }
button.primary,button.secondary,.button { transition:filter .15s,transform .15s; }
button.primary:hover:not(:disabled),button.secondary:hover:not(:disabled),.button:hover { filter:brightness(1.1);transform:translateY(-1px); }
button:disabled { opacity:.5;cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #80ddc6;outline-offset:2px; }
.table-wrap { border:1px solid #2d465d;border-radius:11px; }
table { border-collapse:separate;border-spacing:0; }
th { background:#1b3044;position:sticky;top:0;z-index:1; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#22394f60; }

/* Home dashboard */
.welcome-panel { display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:28px;padding:31px clamp(22px,3vw,40px);border:1px solid #3b5871;border-radius:18px;background:linear-gradient(110deg,#223d54,#172e44 59%,#132539);margin-bottom:17px;overflow:hidden; }
.welcome-panel h2 { margin:11px 0 12px;font-size:clamp(24px,2.6vw,34px);color:#fff; }
.welcome-panel p { max-width:720px;color:#bbccdc;line-height:1.9;font-size:14px;margin:0 0 22px; }
.welcome-actions { display:flex;gap:10px;flex-wrap:wrap; }
.welcome-actions button { border-radius:9px;padding:12px 18px;font-weight:800; }
.welcome-art { height:170px;position:relative;direction:ltr;color:#8ccad6;border:1px solid #426179;border-radius:15px;background:linear-gradient(#0b1e2cdd,#102e42dd),repeating-linear-gradient(0deg,transparent 0 29px,#2d5a6b60 30px),repeating-linear-gradient(90deg,transparent 0 29px,#2d5a6b60 30px); }
.welcome-art span { position:absolute;font-size:29px;color:#80ded0; }
.welcome-art span:nth-child(1){left:36px;top:27px;color:#f6c881}.welcome-art span:nth-child(2){left:163px;top:41px}.welcome-art span:nth-child(3){left:110px;top:107px;color:#f6c881}.welcome-art span:nth-child(4){left:86px;top:46px;font-size:60px;color:#b4c6dd}
.welcome-art strong { position:absolute;bottom:10px;left:15px;font:700 11px Consolas,monospace;letter-spacing:2px;color:#9cb8ca; }
.home-status { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px; }
.home-status>div { background:#132539;border:1px solid #2b4256;border-radius:12px;padding:18px 21px; }
.home-status span { display:block;font-size:12px;color:#9cb5c8;margin-bottom:10px; }
.home-status strong { display:block;color:#f3ca92;font-size:23px;overflow-wrap:anywhere; }
.section-heading { display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 16px; }
.section-heading h2 { margin:0;color:#f3f7fb;font-size:21px; }
.section-heading p { margin:0;color:#91aabe;font-size:12px; }
.tool-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.tool-grid button { display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:right;min-height:186px;padding:20px 21px;border:1px solid #324a61;border-radius:15px;background:linear-gradient(145deg,#172c41,#102134);color:#eaf3fd;transition:transform .16s,border-color .16s,box-shadow .16s; }
.tool-grid button:hover { transform:translateY(-3px);border-color:#be9664;box-shadow:0 12px 25px #03090f4f; }
.tool-grid .tool-glyph { display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#2b465a;color:#ffd18d;font-size:22px;font-weight:700; }
.tool-grid strong { font-size:15px; }
.tool-grid small { color:#9db7cc;font-size:12px;line-height:1.5; }
.tool-grid button>span { margin-top:auto;color:#7fdbcb;font-size:12px;font-weight:800; }
.offset-inverse,.dms-second-row { margin-top:21px;padding-top:18px;border-top:1px solid #2c4055; }
.page { animation:workspace-appear .15s ease-out; }
@keyframes workspace-appear { from { opacity:.76;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }

@media(max-width:1350px) { .topbar { align-items:flex-start; } .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .shell { grid-template-columns:1fr; } .sidebar { position:relative;height:auto;padding:12px;gap:5px;border-left:0;border-bottom:1px solid #29435a; } .sidebar nav { display:flex;overflow-x:auto;gap:6px; } .nav-item { flex:0 0 auto;white-space:nowrap;min-height:42px; } .sidebar-title,.sidebar-footer { display:none; } .brand { padding:3px 8px 10px;border-bottom:0; } .content { padding:22px 14px 60px; } .welcome-panel { grid-template-columns:1fr; } .welcome-art { display:none; } }
@media(max-width:580px) { .tool-grid { grid-template-columns:1fr; } .tool-grid button { min-height:150px; } .home-status { gap:7px; } .home-status>div { padding:13px 10px; } .home-status strong { font-size:17px; } .welcome-panel { padding:24px 17px; } .top-actions #projectName { width:100%; } .metric { padding:13px; } .metric strong { font-size:22px; } .panel-head { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition-duration:0s!important;animation-duration:0s!important; } }