:root{--sf-green:#155e48;--sf-green-dark:#0c3f32;--sf-lime:#b9d532;--sf-ink:#17332c;--sf-header-height:56px;--sf-sidebar-width:248px}.sf-nav{background:linear-gradient(100deg,#0f4938,#18765a)}
html{width:100%;overflow-x:clip}body{width:100%;min-width:0;overflow-x:clip;color:var(--sf-ink)}.sf-header{position:fixed;inset:0 0 auto 0;min-width:0;min-height:var(--sf-header-height);z-index:1040}.sf-header>div{min-width:0}.auth-wrap{min-height:100vh;background:radial-gradient(circle at 15% 20%,#dff3df 0,transparent 34%),linear-gradient(135deg,#f8fbf7,#eef5ed)}
.auth-card{border:0;border-radius:22px;box-shadow:0 20px 55px rgba(15,73,56,.13)}.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--sf-green);color:white;font-size:28px}
.btn-sf{background:var(--sf-green);border-color:var(--sf-green);color:#fff}.btn-sf:hover{background:#0e4937;border-color:#0e4937;color:#fff}.form-control,.form-select{min-height:46px;border-radius:11px}.metric{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(25,65,52,.07)}
.sf-sidebar{background:linear-gradient(180deg,#123f34 0%,#0b3028 100%);color:#fff;border:0;box-shadow:8px 0 30px rgba(10,46,38,.09)}.sf-sidebar-body{display:flex;flex-direction:column;padding:18px 14px!important;overflow-x:hidden;overflow-y:auto}.sf-sidebar-mobile-head{color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}.sf-sidebar-context{display:flex;align-items:center;gap:11px;padding:12px;margin:0 0 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06)}.sf-sidebar-context strong,.sf-sidebar-context small,.sf-sidebar-user strong,.sf-sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-sidebar-context strong{font-size:.86rem}.sf-sidebar-context small{margin-top:2px;color:#adc5bd;font-size:.72rem}.sf-context-icon,.sf-user-avatar{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(185,213,50,.17);color:var(--sf-lime);font-size:1rem}.sf-menu{display:flex;flex-direction:column;gap:4px}.nav-label{margin:15px 10px 5px;padding:0;color:#77998e;font-size:.64rem;font-weight:700;letter-spacing:.13em}.sf-sidebar .nav-link{position:relative;display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 11px;border-radius:11px;color:#c4d5cf;font-size:.88rem;font-weight:500;transition:background .18s ease,color .18s ease,transform .18s ease}.sf-sidebar .nav-link:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}.sf-sidebar .nav-link.active{background:rgba(185,213,50,.15);color:#fff}.sf-sidebar .nav-link.active:before{position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--sf-lime);content:""}.sf-sidebar .nav-link.active .sf-menu-icon{color:var(--sf-lime)}.sf-menu-icon{display:grid;flex:0 0 28px;place-items:center;font-size:1.02rem}.sf-sidebar-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}.sf-sidebar-user strong{font-size:.8rem}.sf-sidebar-user small{color:#87a69c;font-size:.7rem}.sf-content{box-sizing:border-box;min-width:0;min-height:100vh;padding-top:calc(var(--sf-header-height) + 1.5rem)!important}.sf-content>*{min-width:0}.admin-card{border:0;border-radius:16px;box-shadow:0 5px 18px rgba(25,65,52,.06)}.table>thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6d827b;background:#f6f9f7}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.permission-grid{columns:2}.permission-grid .form-check{break-inside:avoid;margin-bottom:.55rem}.min-w-0{min-width:0}
@media(min-width:992px){.sf-sidebar.offcanvas-lg{position:fixed!important;inset:var(--sf-header-height) auto 0 0!important;width:var(--sf-sidebar-width)!important;max-width:var(--sf-sidebar-width)!important;height:auto!important;visibility:visible!important;transform:none!important;z-index:1030}.sf-sidebar .offcanvas-header{display:none!important}.sf-sidebar .offcanvas-body{width:100%!important;height:100%}.sf-content{width:calc(100% - var(--sf-sidebar-width))!important;max-width:calc(100% - var(--sf-sidebar-width))!important;margin-left:var(--sf-sidebar-width)!important}}
@media(min-width:992px) and (max-width:1199.98px){:root{--sf-sidebar-width:220px}.sf-sidebar-body{padding-inline:10px!important}.sf-sidebar .nav-link{font-size:.82rem}}
@media(max-width:991.98px){.sf-sidebar{width:286px}.sf-sidebar .offcanvas-body{width:auto}.sf-content{width:100%!important;max-width:100%!important;margin-left:0!important;min-height:calc(100vh - var(--sf-header-height));padding-left:1rem!important;padding-right:1rem!important}.permission-grid{columns:1}}