:root{
    --ak-primary:#2E6FA8;
    --ak-bg:#F7FAFD;
    --ak-sidebar:#0E2A47;
    --ak-sidebar-text:#e2e8f0;
}
body{font-family:'Cairo',system-ui,sans-serif;background:var(--ak-bg);margin:0;}
.app-shell{display:flex;min-height:100vh;}
.app-sidebar{width:250px;background:var(--ak-sidebar);color:var(--ak-sidebar-text);
    display:flex;flex-direction:column;flex-shrink:0;transition:margin .25s ease;}
.app-sidebar__brand{display:flex;align-items:center;gap:.5rem;padding:1.1rem 1rem;font-weight:800;
    border-bottom:1px solid rgba(255,255,255,.08);}
.app-sidebar__logo{font-size:1.4rem;}
.app-sidebar__nav{display:flex;flex-direction:column;padding:.75rem;gap:.25rem;}
.app-sidebar__link{color:var(--ak-sidebar-text);text-decoration:none;padding:.6rem .75rem;border-radius:8px;font-weight:600;}
.app-sidebar__link:hover{background:rgba(255,255,255,.08);}
.app-sidebar__hint{color:#94a3b8;font-size:.75rem;padding:.75rem;}
.app-main{flex:1;display:flex;flex-direction:column;min-width:0;}
.app-header{display:flex;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid #e5e7eb;
    padding:.75rem 1.25rem;position:sticky;top:0;z-index:10;}
.app-header__title{font-size:1.05rem;margin:0;font-weight:700;flex:1;}
.app-header__toggle{display:none;}
.app-flash{padding:1rem 1.25rem 0;}
.app-content{padding:1.25rem;flex:1;}
.app-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
    padding:1rem 1.25rem;color:#6b7280;font-size:.8rem;border-top:1px solid #e5e7eb;background:#fff;}
.app-sidebar.is-collapsed{margin-inline-start:-250px;}
@media (max-width:768px){
    .app-sidebar{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:1050;margin-inline-start:-250px;}
    .app-sidebar.is-open{margin-inline-start:0;}
    .app-header__toggle{display:inline-block;}
}