
.als-os-main-shell{min-height:calc(100vh - var(--als-topbar-height));padding:0}
.als-os-sidebar{width:var(--als-sidebar-width);box-shadow:14px 0 40px rgba(7,43,22,.08)}
.als-os-admin-topbar{left:var(--als-sidebar-width);min-height:var(--als-topbar-height);padding:0 30px;border-bottom:1px solid var(--als-border);box-shadow:0 5px 20px rgba(22,65,37,.04)}
.als-os-version-chip{display:inline-flex;margin-left:10px;padding:4px 7px;border-radius:999px;background:var(--als-green-100);color:var(--als-green-700);font-size:10px;font-weight:900;vertical-align:middle}
.als-os-side-nav a{position:relative;min-height:46px;border-radius:12px;transition:background var(--als-transition),transform var(--als-transition),color var(--als-transition)}
.als-os-side-nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.08)}
.als-os-side-nav a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--als-gold-500)}
.als-os-admin-user strong,.als-os-logo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.als-os-notification-button{transition:transform var(--als-transition),background var(--als-transition)}
.als-os-notification-button:hover{transform:translateY(-2px);background:#e2f0e6}
.als-os-main-shell main,.als-os-main-shell>.wrap{animation:alsPageIn .28s ease both}
@keyframes alsPageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.als-os-app-card,.als-os-metric,.cc-card,.af-card,.ceo-panel,.system-health-panel,.module-card,.updater-panel,.notification-panel{border-color:var(--als-border)!important;box-shadow:var(--als-shadow-sm)!important;transition:transform var(--als-transition),box-shadow var(--als-transition),border-color var(--als-transition)}
.als-os-app-card:hover,.cc-card:hover,.ceo-panel:hover,.module-card:hover{transform:translateY(-3px);box-shadow:var(--als-shadow-md)!important;border-color:#bdd0c2!important}
.btn,button,.als-os-app-card,.cc-action,.af-btn,.ceo-panel-link{transition:transform var(--als-transition),box-shadow var(--als-transition),background var(--als-transition)}
.btn:hover,button:hover,.cc-action:hover,.af-btn:hover{transform:translateY(-1px)}
input,select,textarea{border-color:var(--als-border)!important;border-radius:var(--als-radius-sm)!important;transition:border-color var(--als-transition),box-shadow var(--als-transition)}
input:focus,select:focus,textarea:focus{border-color:var(--als-green-600)!important;box-shadow:0 0 0 4px rgba(35,125,69,.10)!important}
table th{font-size:11px;letter-spacing:.06em}
.alert{border-radius:var(--als-radius-md);box-shadow:var(--als-shadow-sm)}
