/* Alamer Workspace 5.2 — Aurora light interface */
:root{--rail:292px;--brand:#058bb1;--brand-deep:#173f68;--cyan:#15c4d2;--mint:#29c99a;--violet:#796ff2;--orange:#ffad42;--rose:#ff7185;--surface:#f5faff;--ink:#173952}
body{background:radial-gradient(circle at 9% 7%,#dff8ff 0,transparent 27%),radial-gradient(circle at 66% -4%,#fff0d2 0,transparent 22%),linear-gradient(145deg,#f8fcff,#f4fbff 48%,#fffaf4);min-height:100vh}
.rail{margin:14px;top:0;bottom:0;right:0;width:calc(var(--rail) - 28px);border:1px solid #dceef4;border-radius:26px;background:linear-gradient(165deg,#fffffffa,#f7fdffed);box-shadow:0 24px 70px #2a6f8c16;padding:19px 14px 76px}.surface{margin-right:var(--rail)}.rail-bottom{right:14px;bottom:14px;width:calc(var(--rail) - 28px);border-radius:0 0 26px 26px;padding:14px 19px}
.brand{padding:3px 8px 17px}.brand img{width:58px;height:58px}.brand b{font-size:22px}.brand small{color:#7b98aa;letter-spacing:2px}.identity{padding:14px;border-radius:19px;background:linear-gradient(125deg,#e6f9ff,#fff2da 58%,#edfff8);border:1px solid #d4edf3}.identity .avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 9px 22px #4878c32b}
.rail-label{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin:20px 12px 8px}.nav-button{min-height:44px;margin:4px 0;border-radius:14px;font-size:12px;font-weight:600}.nav-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eef8fb;color:var(--brand);transition:.25s}.nav-button:hover .nav-symbol,.nav-button.active .nav-symbol{background:#fff;color:var(--violet);box-shadow:0 7px 17px #5077a21c}.nav-button.active{background:linear-gradient(100deg,#def8fc,#fff1dc);box-shadow:0 10px 26px #367b9213,inset -4px 0 var(--cyan)}
.nav-alert-count{margin-right:auto;min-width:23px;padding:3px 7px;border-radius:999px;background:#fff0d9;color:#c36c00;font-weight:800;text-align:center}
.workspace-entry{border:0;border-radius:19px;background:linear-gradient(125deg,#087fa5,#16b8c7 58%,#25c99c);color:#fff;box-shadow:0 15px 32px #078dad30}.workspace-entry b,.workspace-entry small,.workspace-entry strong{color:#fff}.workspace-entry small{opacity:.78}.workspace-entry-icon{background:#ffffff25;box-shadow:none;border:1px solid #ffffff35}
.topbar{height:78px;margin:14px 18px 0;border:1px solid #e0eef3;border-radius:22px;background:#ffffffd9;box-shadow:0 14px 42px #276b8210;padding:0 24px}.crumb b{color:var(--brand-deep);font-size:13px}.top-actions .btn{border-radius:12px}.connection-dot{background:var(--mint);box-shadow:0 0 0 4px #29c99a1e}
#content{padding:30px 38px 55px}.view-header{padding:9px 4px 2px}.view-header h1{font-size:32px;letter-spacing:-.5px}.view-header p{font-size:12px;color:#7891a2}.page-pretitle{display:inline-flex;align-items:center;gap:6px;background:#e8f8fc;color:#087f9d;border-radius:999px;padding:6px 10px;font-size:9px}.page-pretitle:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}
.kpis{gap:18px}.kpi{min-height:132px;border:1px solid #e1eef3;border-radius:22px;padding:22px;background:#ffffffed;box-shadow:0 18px 45px #2f70840d;transition:.28s}.kpi:hover{transform:translateY(-6px);box-shadow:0 25px 55px #24748d17}.kpi:before{height:5px}.kpi strong{font-size:34px;letter-spacing:-1px}.kpi-head{font-weight:700;color:#617e8f}.kpi:nth-child(1) strong{color:var(--brand)}.kpi:nth-child(2) strong{color:var(--violet)}.kpi:nth-child(3) strong{color:#e98b25}.kpi:nth-child(4) strong{color:#159b76}
.workspace-banner{border:0;border-radius:24px;padding:25px 28px;background:linear-gradient(120deg,#e6f9ff,#f0efff 50%,#fff4dc);box-shadow:0 18px 42px #35748a10;position:relative;overflow:hidden}.workspace-banner:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;left:-35px;top:-70px;background:#ffffff80}.workspace-banner b{font-size:17px;color:var(--brand-deep)}
.platform-group,.panel{border:1px solid #dfedf2;border-radius:24px;background:#ffffffeb;box-shadow:0 18px 48px #2d738a0d}.group-icon{background:linear-gradient(135deg,var(--brand),var(--violet));border-radius:15px}.platform{border:1px solid #e0edf2;border-radius:19px;background:#fff;box-shadow:0 10px 26px #34758b0b}.platform:hover{transform:translateY(-7px);border-color:#b7e4ec;box-shadow:0 24px 50px #28778f1a}.platform .avatar{border-radius:15px;background:linear-gradient(135deg,#def8ff,#fff0d4);color:var(--brand-deep)}.platform-footer{background:linear-gradient(180deg,#fcfeff,#f3fbfd);padding:13px 17px}
.btn{border-radius:12px}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--cyan));box-shadow:0 10px 22px #078fa82b}.btn-primary:hover{transform:translateY(-2px)}.btn-outline-danger{color:#d74b61;border-color:#f0aab4}.btn-outline-danger:hover{background:var(--rose);border-color:var(--rose)}
.bulk-command{border-radius:21px 21px 0 0;padding:16px 18px;background:linear-gradient(110deg,#087fa6,#1bbec8 58%,#34c99b)}.matrix-toolbar{background:#fff;padding:14px 18px;border:1px solid #dfedf2}.table-responsive{border-radius:18px}.table thead th{background:#edf8fb;color:#4e7183;font-size:10px;padding:15px 18px}.table td{padding:17px 18px}.table tbody tr:hover{background:linear-gradient(90deg,#effbfc,#fffaf0)}
.modal-content{border-radius:26px;border:1px solid #d9ebf1;box-shadow:0 38px 100px #174d6538}.modal-header{padding:21px 24px;background:linear-gradient(110deg,#e9faff,#fff3dd 60%,#eefff8);border-radius:26px 26px 0 0}.modal-body{padding:27px}.field label{font-weight:700;color:#496d7f}.form-control,.form-select,.check-grid{border-radius:13px;border-color:#d8e8ee}.form-control:focus,.form-select:focus{box-shadow:0 0 0 4px #0eb4c51a}.check-grid label{padding:8px;border-radius:10px}.check-grid label:hover{background:#e9f9fc}
.notice-card{border-radius:20px;padding:23px}.toast-message{border-radius:16px;background:linear-gradient(120deg,#0786a8,#15bcc8 60%,#25c89a);box-shadow:0 20px 50px #087f9640}.access-count{background:linear-gradient(120deg,#e1f8fb,#fff0d9);color:#087d98}.access-count:hover{background:linear-gradient(120deg,var(--brand),var(--cyan));color:#fff}
.login-story{background:radial-gradient(circle at 16% 12%,#ffffff25,transparent 26%),radial-gradient(circle at 78% 82%,#ffce6a34,transparent 28%),linear-gradient(145deg,#08799f,#12aebd 58%,#27c49a)}.login-story h1{font-size:46px}.login-form-wrap{background:#fff;border-radius:30px;box-shadow:0 30px 90px #2b708516;margin:auto;padding:55px}.login-logo{border-radius:22px;background:#fff;box-shadow:0 15px 35px #28748a15}
@media(max-width:1150px){:root{--rail:245px}.rail{width:217px}.rail-bottom{width:217px}#content{padding:26px 24px}.view-header h1{font-size:27px}}
@media(max-width:800px){:root{--rail:0px}.rail{margin:8px;width:278px}.expanded-mobile .rail{width:278px}.expanded-mobile .rail-bottom{right:8px;bottom:8px;width:278px}.topbar{margin:8px;height:68px}#content{padding:22px 13px}.login-form-wrap{border-radius:0;box-shadow:none}.kpi{min-height:112px;padding:17px}}