:root{--primary:#c8d714;--primary-hover:#b3c012;--bg-color:#121212;--card-bg:#1e1e1e;--text-main:#f0f0f0;--text-muted:#aaa;--border-color:#333;--input-bg:#2a2a2a;--input-border:#3a3a3a;--input-text:#f0f0f0;--sidebar-footer-bg:rgba(0,0,0,.25);--nav-hover-bg:hsla(0,0%,100%,.05);--table-header-bg:hsla(0,0%,100%,.03);--table-row-hover:hsla(0,0%,100%,.02);--subcard-bg:#242424;--button-secondary-bg:#2a2a2a;--button-secondary-text:#e0e0e0;--button-secondary-border:#3a3a3a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}[data-theme=light]{--primary:#c8d714;--primary-hover:#b3c012;--bg-color:#f4f6f9;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--sidebar-footer-bg:#f8fafc;--nav-hover-bg:rgba(0,0,0,.04);--table-header-bg:#f8fafc;--table-row-hover:#f1f5f9;--subcard-bg:#f8fafc;--button-secondary-bg:#f1f5f9;--button-secondary-text:#334155;--button-secondary-border:#cbd5e1}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);line-height:1.6}a{color:inherit;text-decoration:none}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;min-width:250px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1);overflow-x:hidden;z-index:50;flex-shrink:0}.sidebar.collapsed{width:64px;min-width:64px}.sidebar-toggle-btn{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:6px;background:hsla(0,0%,100%,.06);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.72rem;z-index:10}.sidebar-toggle-btn:hover{background:rgba(200,215,20,.15);color:#c8d714;border-color:#c8d714}.sidebar.collapsed .sidebar-toggle-btn{position:absolute;top:10px;left:50%;right:auto;transform:translateX(-50%);margin:0}.sidebar-logo{height:135px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow:hidden;position:relative}.sidebar.collapsed .sidebar-logo{padding:.5rem .25rem}.sidebar-logo img{max-width:100%;height:auto;max-height:100%}.sidebar-logo h2{font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-main);text-align:center}.nav-links{display:flex;flex-direction:column;padding:.75rem 0}.sidebar-main{flex:1 1;overflow-y:auto}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-color);background-color:var(--sidebar-footer-bg);padding:.75rem 0;flex-shrink:0;display:flex;flex-direction:column}.nav-link,.sidebar-footer .nav-link{padding:.85rem 1.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);transition:all .2s ease;font-weight:500;border-left:4px solid transparent;white-space:nowrap}.nav-link.active,.nav-link:hover{background-color:var(--nav-hover-bg);color:#c8d714;border-left-color:#c8d714}.logout-btn{color:#c8d714!important}.logout-btn:hover{background-color:rgba(200,215,20,.1)!important;color:#d8e724!important;border-left-color:#c8d714!important}.nav-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.65rem 1.5rem;background:transparent;border:none;color:var(--text-muted);fontSize:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;text-align:left;transition:color .2s ease,background-color .2s ease;white-space:nowrap}.nav-group-header:hover{color:var(--text-main)!important;background-color:var(--nav-hover-bg)!important}.nav-chevron{font-size:.65rem;transition:transform .2s ease}.nav-group-items{display:flex;flex-direction:column}.nav-group-items .nav-link{padding-left:2.2rem;font-size:.92rem}.nav-link-bullet{font-size:1rem;line-height:1;color:var(--text-muted)}.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-link-bullet,.sidebar.collapsed .nav-link-text,.sidebar.collapsed .sidebar-logo h2{display:none!important}.sidebar.collapsed .nav-group-header,.sidebar.collapsed .nav-link{padding:.85rem 0!important;justify-content:center!important;text-align:center!important;border-left-width:3px!important}.sidebar.collapsed .nav-group-header>div{justify-content:center!important;width:100%!important}.sidebar.collapsed .nav-group-items .nav-link{padding:.75rem 0!important;background:rgba(0,0,0,.12)}.main-content{flex:1 1;padding:0 3rem 2rem;overflow-y:auto;min-width:0;transition:padding .25s ease}.page-header{height:135px;box-sizing:border-box;flex-direction:column;margin-bottom:2rem;border-bottom:1px solid var(--border-color);position:relative}.page-header,.page-header h1{display:flex;justify-content:center;align-items:center;text-align:center}.page-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;gap:.6rem;width:100%}.page-header p{color:var(--text-muted);font-size:1.1rem;text-align:center;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}[data-theme=light] .card{box-shadow:0 1px 3px rgba(0,0,0,.05)}.card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.15)}[data-theme=light] .card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08)}.card h2{font-size:1.4rem;margin-bottom:.5rem}.card p{color:var(--text-muted);margin-bottom:1.5rem;flex:1 1}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;border:1px solid var(--button-secondary-border);font-size:1rem;background-color:var(--button-secondary-bg);color:var(--button-secondary-text);font-family:inherit}.btn:hover{filter:brightness(1.1)}[data-theme=light] .btn:hover{filter:brightness(.95)}.btn.primary{background-color:var(--primary);color:#121212;font-weight:600;border:1px solid var(--primary)}.btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);filter:none}.form-group{margin-bottom:1.5rem}.form-label,label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-muted)}.form-control,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=text],input[type=time],select,textarea{width:100%;padding:.75rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-family:var(--font-family);font-size:1rem;box-sizing:border-box}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.table-container{overflow-x:auto;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse}td,th{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--table-header-bg);color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--table-row-hover)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.badge.active{background-color:rgba(46,204,113,.2);color:#2ecc71}.badge.inactive{background-color:rgba(231,76,60,.2);color:#e74c3c}.table-scroll-10{max-height:440px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;position:relative;scrollbar-width:thin;scrollbar-color:#666 transparent}[data-theme=light] .table-scroll-10{scrollbar-color:#cbd5e1 transparent}.table-scroll-10 thead th{position:-webkit-sticky;position:sticky;top:0;background-color:var(--card-bg);z-index:2;box-shadow:0 1px 0 var(--border-color)}.table-scroll-10::-webkit-scrollbar{width:8px}.table-scroll-10::-webkit-scrollbar-track{background:var(--subcard-bg);border-radius:4px}.table-scroll-10::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.table-scroll-10::-webkit-scrollbar-thumb:hover{background:var(--primary)}[data-theme=light] .table-scroll-10::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] .table-scroll-10::-webkit-scrollbar-thumb:hover{background:var(--primary)}.quick-action-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border-radius:8px;background:var(--subcard-bg,#2a2a2a);border:1px solid rgba(200,215,20,.3);color:var(--text-main,#fff);text-decoration:none;font-size:.92rem;font-weight:600;transition:all .2s ease;cursor:pointer}.quick-action-pill:hover{background:rgba(200,215,20,.15)!important;border-color:#c8d714!important;color:#c8d714!important;transform:translateY(-2px);box-shadow:0 4px 14px rgba(200,215,20,.2)}.main-wrapper{flex:1 1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.app-footer-bar{background-color:#c8d714;color:#1a1a1a;text-align:center;font-size:.92rem;font-weight:600;letter-spacing:.3px;padding:.85rem 1.5rem;box-sizing:border-box;flex-shrink:0;width:100%}.app-footer-bar,.global-quick-actions-bar{display:flex;align-items:center;justify-content:center}.global-quick-actions-bar{gap:.9rem;flex-wrap:wrap;padding:.75rem 1.25rem;margin:1rem auto 1.5rem;max-width:900px;background:var(--card-bg,#1e1e1e);border:1px solid var(--border-color,#333);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;z-index:40}.quick-actions-label{font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:.8px;color:var(--text-muted,#888);margin-right:.4rem}.quick-actions-dropdowns-wrapper{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.quick-action-dropdown-container{position:relative}.quick-action-dropdown-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.6rem 1.15rem;border-radius:10px;background:var(--subcard-bg,#2a2a2a);border:1px solid rgba(200,215,20,.35);color:var(--text-main,#fff);font-size:.92rem;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s ease;font-family:inherit}.quick-action-dropdown-btn.menu-open,.quick-action-dropdown-btn:hover{background:rgba(200,215,20,.15);border-color:#c8d714;color:#c8d714}.quick-action-dropdown-btn.active{background:rgba(200,215,20,.2);border-color:#c8d714;color:#c8d714;box-shadow:0 0 10px rgba(200,215,20,.2)}.quick-action-chevron{font-size:.62rem;transition:transform .2s ease;display:inline-block;opacity:.85}.quick-action-chevron.open{transform:rotate(180deg)}.quick-action-dropdown-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:220px;background-color:var(--card-bg,#1e1e1e);border:1px solid var(--border-color,#333);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);padding:.5rem 0;z-index:150;display:flex;flex-direction:column;animation:fadeInDropdown .15s ease-out}@keyframes fadeInDropdown{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.quick-action-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;color:var(--text-muted,#aaa);text-decoration:none;font-size:.88rem;font-weight:500;transition:all .15s ease;white-space:nowrap}.quick-action-dropdown-item:hover{background-color:var(--nav-hover-bg,hsla(0,0%,100%,.05));color:#c8d714;padding-left:1.45rem}.quick-action-dropdown-item.active{background-color:rgba(200,215,20,.12);color:#c8d714;font-weight:600}.dropdown-bullet{font-size:1rem;line-height:1;color:var(--text-muted,#888)}.quick-action-dropdown-item.active .dropdown-bullet,.quick-action-dropdown-item:hover .dropdown-bullet{color:#c8d714}.dropdown-item-title{flex:1 1}.quick-action-pill.active{background:rgba(200,215,20,.15)!important;border-color:#c8d714!important;color:#c8d714!important}