@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fraunces:ital,wght@0,600;0,700;1,400&display=swap);*{box-sizing:border-box}:root{--navy:#0f2340;--navy-light:#1a3a5c;--navy-mid:#1d3557;--red:#c0392b;--red-light:#e74c3c;--gold:#d4a843;--teal:#1a7a6e;--teal-light:#22a99a;--bg:#f8f7f4;--bg2:#eeecea;--white:#fff;--text:#1a1a2e;--text2:#4a5568;--text3:#616e7c;--border:#ddd9d2;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 2px 12px #0f234014;--shadow-lg:0 8px 32px #0f234024;--navy-text:var(--navy);--navy-text-light:var(--navy-light);--gold-text:#6b4700;--gold-text-light:#9a6b00}[data-theme=dark]{--navy:#1e293b;--navy-light:#334155;--bg:#0f172a;--bg2:#1e293b;--white:#1e293b;--text:#f8fafc;--text2:#e2e8f0;--text3:#94a3b8;--border:#334155;--shadow:0 4px 20px #0006;--navy-text:#93c5fd;--navy-text-light:#bfdbfe;--gold-text:#fde047;--gold-text-light:#fef08a}[data-theme=dark] .si-icon.illus img{filter:invert(1) hue-rotate(180deg) contrast(1.2) saturate(1.2)!important;mix-blend-mode:screen!important}[data-theme=dark] .sidebar-info{background:#eeecea!important;background:var(--bg2)!important;border-color:#ddd9d2!important;border-color:var(--border)!important}html[data-font-size=xs]{--font-scale:0.85}html[data-font-size=s]{--font-scale:0.92}html[data-font-size=m]{--font-scale:1}html[data-font-size=l]{--font-scale:1.1}html[data-font-size=xl]{--font-scale:1.25}html[data-display-size=xs]{zoom:.85}html[data-display-size=s]{zoom:.92}html[data-display-size=m]{zoom:1}html[data-display-size=l]{zoom:1.1}html[data-display-size=xl]{zoom:1.25}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{background:#f8f7f4;background:var(--bg);color:#1a1a2e;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-size:calc(16px*var(--font-scale, 1));line-height:1.6;transition:background .3s,color .3s}.app-container{width:100%}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ddd9d2;background:var(--border);border-radius:5px}.hidden{display:none!important}.divider{border:none;border-top:1px solid #ddd9d2;border-top:1px solid var(--border);margin:16px 0}.gap-12{gap:12px}.gap-12,.gap-8{display:flex;flex-direction:column}.gap-8{gap:8px}.flex{display:flex}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.mb-12{margin-bottom:12px}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}}.btn{border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-size:calc(13px*var(--font-scale, 1));gap:6px;padding:9px 18px;transition:all .15s;white-space:nowrap}.btn-primary:hover{box-shadow:0 4px 12px #0f234040;transform:translateY(-1px)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-light);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:var(--red-light);transform:translateY(-1px)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-light)}.btn-outline{background:#0000;border:1.5px solid var(--border);color:var(--text2)}.btn-outline:hover{border-color:var(--navy-text);color:var(--navy-text)}.btn-ghost{background:#0000;border:none;color:var(--text2);padding:6px 10px}.btn-ghost:hover{background:var(--bg2)}.btn-sm{font-size:13px;font-size:calc(13px*var(--font-scale, 1));padding:5px 12px}.btn-icon{border-radius:8px;height:32px;justify-content:center;padding:0;width:32px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1/-1}.form-group.thirds{grid-column:span 1}label{color:var(--text2);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:700;letter-spacing:.1px}label span.req{color:var(--red);margin-left:2px}input,select,textarea{background:var(--white);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-size:calc(14px*var(--font-scale, 1));outline:none;padding:9px 12px;transition:border .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--navy-text);box-shadow:0 0 0 3px #0f234014}textarea{min-height:80px;resize:vertical}.form-hint{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1));margin-top:2px}.form-section{margin-bottom:22px}.form-section-title{border-bottom:1px solid var(--border);color:var(--text3);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:700;letter-spacing:1px;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.btn-row{border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:700;letter-spacing:.3px;padding:3px 10px}.tag-navy{background:#e4eaf4;color:var(--navy-text)}.tag-red{background:#fdeaea;color:var(--red)}.tag-teal{background:#e0f4f2;color:var(--teal)}.tag-gold{background:#fdf5e0;color:#8a6800}.tag-gray{background:#f0eee8;color:#5a5a6a}.tag-green{background:#e6f4e8;color:#2d7a3a}.dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;margin-right:5px;width:8px}.dot-green{background:#27ae60}.dot-amber{background:var(--gold)}.dot-red{background:var(--red)}.dot-gray{background:var(--text3)}.alert{align-items:flex-start;border-radius:10px;display:flex;font-size:12px;font-size:calc(12px*var(--font-scale, 1));gap:10px;margin-bottom:14px;padding:12px 16px}.alert-info{background:var(--bg2);border-left:3px solid var(--navy);color:var(--navy-text-light)}.alert-warn{background:#fff8ea;border-left:3px solid var(--gold);color:var(--gold-text)}.alert-success{background:#e8f5ea;border-left:3px solid var(--teal);color:var(--teal)}.alert-danger{background:#fdeaea;border-left:3px solid var(--red);color:var(--red)}.table-wrap{border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}table,th{font-size:12px;font-size:calc(12px*var(--font-scale, 1))}th{background:var(--navy);color:#fff;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}th:first-child{border-radius:8px 0 0 0}th:last-child{border-radius:0 8px 0 0}td{border-bottom:1px solid var(--border);color:var(--text2);padding:10px 14px;vertical-align:middle}tr:last-child td{border-bottom:none}.progress-wrap,tr:hover td{background:var(--bg2)}.progress-wrap{border-radius:6px;height:6px;overflow:hidden}.progress-fill{background:var(--navy);border-radius:6px;height:100%;transition:width .5s}.progress-fill.red{background:var(--red)}.progress-fill.teal{background:var(--teal)}.progress-fill.gold{background:var(--gold)}.file-upload-area{background:var(--bg);border:2px dashed var(--border);border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.file-upload-area:hover{background:#f0f5fa;border-color:var(--navy-text)}.file-upload-icon{font-size:28px;font-size:calc(28px*var(--font-scale, 1));margin-bottom:6px}.file-upload-text{color:var(--text2);font-size:12px;font-size:calc(12px*var(--font-scale, 1))}.file-upload-hint{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1));margin-top:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f23408c;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal{animation:modalIn .2s ease;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:95vw;overflow-y:auto;padding:28px;width:480px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{color:var(--navy-text);font-family:Fraunces,serif;font-size:20px;font-size:calc(20px*var(--font-scale, 1));font-weight:700}.modal-close{align-items:center;background:var(--bg2);border:none;border-radius:6px;color:var(--text3);cursor:pointer;display:flex;font-size:14px;font-size:calc(14px*var(--font-scale, 1));height:28px;justify-content:center;width:28px}.modal-close:hover{background:var(--border)}.navbar{background:var(--navy);box-shadow:0 2px 16px #0003;gap:0;height:60px;padding:0 24px;z-index:100}.nav-brand,.navbar{align-items:center;display:flex}.nav-brand{flex-shrink:0;gap:10px;margin-right:28px;text-decoration:none}.nav-logo-mark{align-items:center;background:var(--red);border-radius:8px;color:#fff;display:flex;font-family:Fraunces,serif;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:700;height:34px;justify-content:center;letter-spacing:-.5px;width:34px}.nav-brand-text{display:flex;flex-direction:column;line-height:1.1}.nav-brand-title{color:#fff;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:700;letter-spacing:.3px}.nav-brand-sub{color:#ffffff80;font-size:9px;font-size:calc(9px*var(--font-scale, 1));letter-spacing:.8px;text-transform:uppercase}.nav-links{display:flex;flex:1 1;gap:2px;overflow-x:auto}.nav-link{background:none;border:none;border-radius:6px;color:#ffffff8c;cursor:pointer;font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:500;padding:6px 13px;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff1f;border-bottom:2px solid var(--red);border-radius:6px 6px 0 0;color:#fff}.nav-right{gap:10px;margin-left:auto}.nav-right,.nav-user{align-items:center;display:flex}.nav-user{cursor:pointer;gap:8px}.nav-avatar{align-items:center;background:var(--red);border-radius:50%;color:#fff;display:flex;font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;height:32px;justify-content:center;width:32px}.nav-name{color:#fffc;font-size:12px;font-size:calc(12px*var(--font-scale, 1))}.nav-role-badge{background:#c0392b40;border-radius:10px;color:#ff8a80;font-size:9px;font-size:calc(9px*var(--font-scale, 1));font-weight:700;letter-spacing:.5px;padding:2px 7px}.app-container{background:var(--bg);color:var(--text);flex-direction:column;height:100%}.app-container,.layout{display:flex;overflow:hidden}.layout{flex:1 1}.sidebar{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100%;padding:16px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);width:230px}.sidebar.collapsed{width:70px}.sidebar-nav-list{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 10px}.sidebar-footer{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;padding:10px}.sidebar.collapsed .nav-brand-sidebar .brand-text,.sidebar.collapsed .si-text,.sidebar.collapsed .sidebar-info,.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .nav-brand-sidebar,.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0}.nav-brand-sidebar{align-items:center;display:flex;gap:12px;padding:10px 10px 20px;text-decoration:none;transition:all .2s}.nav-brand-sidebar:hover .brand-icon{background:var(--navy-light);transform:scale(1.05) rotate(-5deg)}.brand-icon{align-items:center;background:var(--navy);border-radius:10px;box-shadow:0 4px 10px #0f234033;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-main{color:var(--navy-text);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:600;letter-spacing:-.2px}.brand-highlight{color:var(--red);font-weight:800}.brand-sub{color:var(--text3);font-size:9px;font-size:calc(9px*var(--font-scale, 1));font-weight:500;letter-spacing:.2px}.header-brand{align-items:center;display:flex;margin-left:5px;padding:0}.header-logo-img{display:block;height:34px;object-fit:contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.header-brand:hover .header-logo-img{transform:scale(1.5)}.bell-hover{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:background-color .2s}.bell-hover:hover{background-color:#ffffff1a}@keyframes bell-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-5deg)}}.bell-hover:hover svg{animation:bell-wiggle .6s ease-in-out;color:#fff!important;transform-origin:top center}.sidebar-section{margin-bottom:6px}.sidebar-label{color:var(--text3);font-size:9px;font-size:calc(9px*var(--font-scale, 1));font-weight:700;letter-spacing:1.2px;margin-bottom:2px;padding:6px 10px 4px;text-transform:uppercase;white-space:nowrap}.sidebar-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text2);cursor:pointer;display:flex;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:500;gap:12px;margin:4px 0;padding:10px 15px;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-item:hover{background:var(--bg);color:var(--navy-text)}.sidebar-item.active{background:#eef2ff;color:var(--navy-text);font-weight:600}.sidebar-item.active .si-icon{background:var(--navy);box-shadow:0 4px 10px #0f234033;color:#fff}.si-icon{align-items:center;background:var(--bg2);border-radius:8px;display:flex;flex-shrink:0;font-size:14px;font-size:calc(14px*var(--font-scale, 1));height:32px;justify-content:center;transition:all .15s;width:32px}.si-icon.illus{background:#0000;overflow:visible;padding:0}.si-icon.illus img{filter:contrast(1.1) saturate(1.1);height:100%;mix-blend-mode:multiply;object-fit:contain;width:100%}.sidebar-item.active .si-icon.illus{background:#0f23400f;border-radius:10px}.si-badge{background:var(--red);border-radius:8px;color:#fff;font-size:9px;font-size:calc(9px*var(--font-scale, 1));font-weight:700;margin-left:auto;padding:1px 5px}.sidebar-divider{background:var(--border);height:1px;margin:8px 0}.sidebar-info{background:#fff8ee;border:1px solid #f5dfa0;border-radius:8px;margin-top:auto;padding:10px 10px 4px}.sidebar-info-label{color:var(--gold-text-light);font-size:9px;font-size:calc(9px*var(--font-scale, 1));font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sidebar-info-val{color:var(--gold-text);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:600;margin-top:2px}.sidebar-info-sub{color:#b08030;font-size:10px;font-size:calc(10px*var(--font-scale, 1))}.main-content{padding:24px 28px}.page-header{margin-bottom:22px}.page-title{color:var(--navy-text);font-family:Fraunces,serif;font-size:26px;font-size:calc(26px*var(--font-scale, 1));font-weight:700;line-height:1.2;margin-bottom:4px}.page-sub{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1))}.page-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mobile-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:none;justify-content:center;padding:6px}.accessibility-container{margin:5px 0;position:relative}.acc-options.floating{bottom:0;padding:15px;width:200px}.acc-arrow{color:var(--text3);font-size:14px;font-size:calc(14px*var(--font-scale, 1));margin-left:auto;transition:transform .3s}.acc-arrow.right{transform:rotate(180deg)}.main-content{flex:1 1;min-height:0;overflow-y:auto;padding:24px 28px 80px}@keyframes slideRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.animate-slide-right{animation:slideRight .3s ease-out}.acc-options{display:flex;flex-direction:column;gap:12px;padding:10px 15px}.acc-options.floating{background:var(--white);border:1px solid var(--border);border-radius:12px;bottom:10px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:100%;margin-left:10px;padding:20px;position:absolute;width:220px;z-index:1100}.acc-option-row{align-items:center;display:flex;justify-content:space-between}.acc-option-col{display:flex;flex-direction:column;gap:8px}.acc-option-label{align-items:center;color:var(--navy-text);display:flex;font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:600;gap:8px}.acc-option-label svg{color:var(--text3)}.toggle-switch{background:#cbd5e1;border-radius:10px;cursor:pointer;height:18px;position:relative;transition:background .3s;width:36px}.toggle-switch.active{background:var(--teal)}.toggle-handle{background:var(--white);border-radius:50%;height:14px;left:2px;position:absolute;top:2px;transition:transform .3s;width:14px}.toggle-switch.active .toggle-handle{transform:translateX(18px)}.font-selector{background:#e2e8f0;border-radius:8px;display:flex;gap:5px;padding:3px}.font-btn{background:#0000;border:none;border-radius:6px;color:var(--text2);cursor:pointer;flex:1 1;font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;padding:4px 0;transition:all .2s}.font-btn.active{background:var(--white);box-shadow:0 2px 4px #0000000d;color:var(--navy-text)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out}@media (max-width:768px){.navbar{padding:0 16px}.header-brand .brand-sub,.nav-name{display:none}.mobile-toggle{display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f234066;inset:0;position:fixed;z-index:998}.layout{position:relative}.sidebar{bottom:0;box-shadow:20px 0 50px #0000004d;left:0;position:absolute;top:0;transition:transform .3s ease;width:260px;z-index:999}.sidebar.collapsed{transform:translateX(-100%);width:260px}.sidebar.collapsed .si-text,.sidebar.collapsed .sidebar-info,.sidebar.collapsed .sidebar-label{display:block}.main-content{padding:20px 16px;width:100%}.page-title{font-size:24px;font-size:calc(24px*var(--font-scale, 1))}.btn,.page-actions{width:100%}.btn{justify-content:center}}@media (max-width:480px){.navbar{height:55px;padding:0 12px}.layout{height:calc(100vh - 55px)}.header-brand .brand-main{font-size:13px;font-size:calc(13px*var(--font-scale, 1))}.brand-icon{height:30px;width:30px}.nav-avatar{font-size:10px;font-size:calc(10px*var(--font-scale, 1));height:28px;width:28px}}.auth-fullscreen-container{align-items:center;background:var(--bg);background-image:radial-gradient(circle at 10% 20%,#0f23400a 0,#0000 40%),radial-gradient(circle at 90% 80%,#d4a8430f 0,#0000 40%);box-sizing:border-box;display:flex;height:100%;justify-content:center;min-height:100vh;overflow-y:auto;padding:24px;width:100%}#root:has(.auth-fullscreen-container),body:has(.auth-fullscreen-container),html:has(.auth-fullscreen-container){overflow-y:auto!important}.auth-card{background:var(--white);border:1px solid #ddd9d299;border-radius:24px;box-shadow:0 12px 48px #0f23400f,0 2px 8px #0f234005;display:flex;flex-direction:row;max-width:860px;min-height:420px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.auth-card-left{align-items:flex-start;background:#f8f7f4bf;border-right:1px solid #ddd9d280;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:48px}.auth-card-logo{filter:drop-shadow(0 2px 4px rgba(15,35,64,.05));margin-bottom:24px;max-height:56px;max-width:190px;object-fit:contain;transition:transform .3s ease}.auth-card-logo:hover{transform:scale(1.02)}.auth-left-content{margin-bottom:auto;margin-top:auto}.auth-left-title{color:var(--navy-text);font-family:Fraunces,serif;font-size:28px;font-size:calc(28px*var(--font-scale, 1));font-weight:700;line-height:1.25;margin:0 0 12px}.auth-left-subtitle{color:var(--text3);font-size:14.5px;font-size:calc(14.5px*var(--font-scale, 1));font-weight:500;line-height:1.45;margin:0}.auth-card-right{box-sizing:border-box;display:flex;flex:1.2 1;flex-direction:column;justify-content:center;padding:48px}.auth-step-wrapper{width:100%}.auth-form{display:flex;flex-direction:column;width:100%}.floating-input-container{position:relative;width:100%}.floating-input-container input{background:#0000;border:1.5px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);font-size:15px;font-size:calc(15px*var(--font-scale, 1));height:56px;outline:none;padding:16px 16px 4px;transition:all .25s ease;width:100%}.floating-input-container input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0f234014}.floating-input-container label{color:var(--text3);font-size:15px;font-size:calc(15px*var(--font-scale, 1));left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1)}.floating-input-container input:focus~label,.floating-input-container input:not(:placeholder-shown)~label{color:var(--navy);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:600;top:14px}.styled-select{appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23616e7c' d='M10.293 3.293 6 7.586 1.707 3.293.293 4.707 6 10.414l5.707-5.707z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;border:1.5px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text);cursor:pointer;font-size:15px;font-size:calc(15px*var(--font-scale, 1));height:56px;outline:none;padding:0 16px;transition:all .25s ease;width:100%}.styled-select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0f234014}.auth-badge-info{background:#0f23400d;border:1px solid #0f234014;border-radius:8px;color:var(--navy);display:inline-block;font-size:12.5px;font-size:calc(12.5px*var(--font-scale, 1));font-weight:500;margin-bottom:20px}.auth-badge-info,.auth-identity-pill{align-self:flex-start;padding:8px 16px}.auth-identity-pill{align-items:center;background:#eeecea80;border:1px solid var(--border);border-radius:100px;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:600;gap:8px;margin-bottom:24px;transition:all .2s ease}.auth-identity-pill:hover{background:var(--bg2);border-color:var(--text3)}.pill-arrow{color:var(--text3);font-size:8px}.auth-action-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:16px}.btn{align-items:center;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:600;height:44px;justify-content:center;padding:0 28px;text-decoration:none;transition:all .25s ease}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-light);box-shadow:0 4px 12px #0f23402e}.btn-success{background:var(--teal);color:#fff}.btn-success:hover{background:var(--teal-light);box-shadow:0 4px 12px #1a7a6e2e}.btn-secondary{background:#0000;border:1.5px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg);border-color:var(--text3)}.btn-text{background:none;border:none;color:var(--navy);cursor:pointer;font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:600;padding:8px 0;transition:color .2s}.btn-text:hover{color:var(--navy-light);text-decoration:underline}.auth-alert{align-items:center;border-radius:12px;display:flex;font-size:13.5px;font-size:calc(13.5px*var(--font-scale, 1));gap:10px;line-height:1.4;margin-bottom:24px;padding:14px 18px}.alert-danger{background:#fdedec;border:1px solid #f5b7b1;color:#78281f}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #0f23401a;border-left:4px solid var(--navy);border-radius:50%;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:768px){.auth-card{border-radius:20px;flex-direction:column;min-height:auto}.auth-card-left{align-items:center;border-bottom:1px solid #ddd9d280;border-right:none;justify-content:center;padding:36px 24px 28px;text-align:center}.auth-card-logo{margin-bottom:16px}.auth-left-content{margin:0}.auth-left-title{font-size:24px;font-size:calc(24px*var(--font-scale, 1));margin-bottom:4px}.auth-card-right{padding:36px 24px}}@media (max-width:540px){.auth-action-row{align-items:stretch;flex-direction:column-reverse;gap:10px}.auth-action-row .btn,.auth-action-row .btn-secondary,.auth-action-row .btn-text{height:46px;justify-content:center;text-align:center;width:100%}}@media (max-width:480px){.auth-fullscreen-container{padding:12px}.auth-card{background:#0000;border:none;box-shadow:none}.auth-card-left{background:#0000;border-bottom:none;padding:24px 16px 12px}.auth-card-right{padding:12px 16px}}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)!important;margin-bottom:24px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--navy-light);box-shadow:0 10px 25px #0f23401f;transform:translateY(-5px)}.stat-card:before{background:var(--navy);border-radius:5px 0 0 5px;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s;width:5px}.stat-card:hover:before{width:8px}.stat-card.navy:before{background:var(--navy)}.stat-card.red:before{background:var(--red)}.stat-card.teal:before{background:var(--teal)}.stat-card.gold:before{background:var(--gold)}.stat-card.purple:before{background:#9b51e0}.stat-card.orange:before{background:#c0571a}.stat-label{font-size:13px;font-size:calc(13px*var(--font-scale, 1));margin-bottom:8px}.stat-value{color:var(--navy-text);font-family:Fraunces,serif;font-size:32px;font-size:calc(32px*var(--font-scale, 1));font-weight:700;line-height:1}.stat-meta{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1));margin-top:6px}.stat-icon{font-size:24px;font-size:calc(24px*var(--font-scale, 1));opacity:.15;position:absolute;right:18px;top:18px;transition:all .3s}.stat-card:hover .stat-icon{opacity:.3;transform:scale(1.2)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;transition:box-shadow .3s,border-color .3s}.card:hover{box-shadow:0 4px 20px #0f23400d}.card-title{color:var(--navy-text);font-size:16px;font-size:calc(16px*var(--font-scale, 1));font-weight:700;margin-bottom:4px}.card-sub{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1))}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.08}}.personal-welcome-card{box-shadow:0 8px 30px #0f234026!important}.btn-gold{background:var(--gold);color:var(--navy);transition:all .2s}.btn-gold:hover{background:#e8b94f;box-shadow:0 4px 12px #d4a84359;transform:translateY(-1px)}@media (max-width:1200px){.stat-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.grid-2,.stat-grid{grid-template-columns:1fr!important}}.dashboard-section-header{align-items:center;display:flex;gap:16px;margin-bottom:20px;margin-top:36px}.dashboard-section-header.first{margin-top:8px}.dashboard-section-title{color:var(--navy);font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:800;letter-spacing:1.5px;margin:0;text-transform:uppercase;white-space:nowrap}.dashboard-section-line{background:linear-gradient(90deg,#cbd5e1,#cbd5e100);border-radius:2px;flex:1 1;height:2px}.personal-stat-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.personal-stat-card:hover{background:#ffffff26!important;box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.profile-container{animation:fadeIn .4s ease-out forwards;margin:16px auto;max-width:800px;padding:0 16px}.profile-header-card{align-items:center;background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%);border:1px solid #ffffff0d;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;display:flex;gap:24px;margin-bottom:24px;overflow:hidden;padding:28px 32px;position:relative}.profile-header-card:after{background:#ffffff08;border-radius:50%;content:"";height:180px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:180px}.profile-avatar-large{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 20px #0f234040;display:flex;flex-shrink:0;font-size:36px;font-size:calc(36px*var(--font-scale, 1));font-weight:800;height:88px;justify-content:center;width:88px}.profile-header-info{flex:1 1}.profile-name{font-family:Fraunces,serif;font-size:26px;font-size:calc(26px*var(--font-scale, 1));font-weight:700;line-height:1.2;margin:0 0 4px}.profile-email{font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:500;margin-bottom:10px;opacity:.75}.profile-alert-badge{align-items:center;background:#e74c3c26;border:1px solid #e74c3c40;border-radius:20px;color:#ff8a80;display:inline-flex;font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;gap:6px;padding:4px 12px}.profile-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;padding:24px;transition:all .3s}.profile-card:hover{box-shadow:0 4px 20px #0f23400d}.profile-section-title{align-items:center;border-bottom:1.5px solid var(--border);color:var(--text3);display:flex;font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.info-field{display:flex;flex-direction:column;gap:6px}.info-field label{align-items:center;color:var(--text3);display:flex;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:600;gap:6px}.info-field label svg{color:var(--navy-light);opacity:.75}.info-box{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:500;min-height:40px;padding:10px 14px;transition:all .2s}.info-box:hover{background:var(--white);border-color:var(--navy-light)}.info-box.readonly{background:#0f234005;border-color:var(--border)}.text-muted{color:var(--text3);font-style:italic}@media (min-width:1025px){.profile-container{margin:24px auto}}@media (max-width:1024px){.profile-container{max-width:100%}}@media (max-width:768px){.form-grid{gap:12px;grid-template-columns:1fr!important}.profile-header-card{padding:24px}}@media (max-width:640px){.profile-container{padding:0 12px}.profile-header-card{flex-direction:column;gap:16px;padding:24px 16px;text-align:center}.profile-avatar-large{margin:0 auto}.profile-name{font-size:22px;font-size:calc(22px*var(--font-scale, 1))}.profile-card{margin-bottom:16px;padding:16px}.btn-row{flex-direction:column-reverse;gap:10px}.btn-row .btn{justify-content:center;width:100%}}.tab-bar{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow-x:auto;padding:6px}.tab-bar,.tab-btn{display:flex;gap:8px}.tab-btn{align-items:center;background:none;border:none;border-radius:9px;color:var(--text3);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:600;justify-content:center;padding:12px 10px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:var(--bg);color:var(--text)}.tab-btn.active{background:var(--navy);box-shadow:0 4px 12px #0f234026;color:#fff}.tab-count{background:#fff3;border-radius:10px;font-size:11px;font-size:calc(11px*var(--font-scale, 1));padding:1px 7px}.tab-btn:not(.active) .tab-count{background:var(--bg2);color:var(--text3)}.entry-list{display:flex;flex-direction:column;gap:12px}.entry-item{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:16px 18px;transition:all .2s}.entry-item:hover{border-color:var(--navy-text);box-shadow:var(--shadow);transform:translateX(4px)}.entry-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;font-size:calc(20px*var(--font-scale, 1));height:42px;justify-content:center;width:42px}.entry-body{flex:1 1;min-width:0}.entry-title{color:var(--navy-text);font-size:15px;font-size:calc(15px*var(--font-scale, 1));font-weight:700;margin-bottom:4px}.entry-meta{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1))}.entry-actions{display:flex;flex-shrink:0;gap:8px}.entry-detail{text-align:left;width:100%}.add-panel{background:#fafafa;border:2px dashed var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px;transition:all .3s}.panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.panel-title{color:var(--navy-text);font-size:16px;font-size:calc(16px*var(--font-scale, 1));font-weight:700}.my-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.my-stat{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px 10px;text-align:center;transition:all .2s}.my-stat:hover{border-color:var(--navy-text);transform:translateY(-2px)}.my-stat.highlight{background:var(--bg2);border-color:var(--navy-text)}.my-stat-val{color:var(--navy-text);font-family:Fraunces,serif;font-size:24px;font-size:calc(24px*var(--font-scale, 1));font-weight:700}.my-stat-label{color:var(--text3);font-size:11px;font-size:calc(11px*var(--font-scale, 1));letter-spacing:.8px;margin-top:4px;text-transform:uppercase}@media (max-width:1024px){.my-stats{grid-template-columns:repeat(3,1fr)}.tab-bar{gap:4px}.tab-btn{font-size:12px;padding:10px 8px}.tab-icon{display:none}}@media (max-width:768px){.tab-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;min-width:100px}.tab-icon{display:none}.entry-detail .form-grid{grid-template-columns:1fr!important}.modal-overlay .modal{margin:auto 16px;max-height:85vh;max-width:95vw!important;width:calc(100vw - 32px)!important}.form-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.my-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.my-stat{padding:12px 8px}.tab-btn{font-size:11px;min-width:80px;padding:8px 6px}.tab-count{display:none}.entry-item{align-items:flex-start;flex-direction:column;padding:12px}.entry-actions{border-top:1px solid var(--border);margin-top:10px;padding-top:10px;width:100%}}.user-role-container{animation:fadeIn .4s ease-out forwards;margin:16px auto;max-width:1100px;padding:0 16px}.user-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden;padding:24px;width:100%}.user-table-wrap:before{border-bottom:1.5px solid var(--border);color:var(--navy-text);content:"Daftar Anggota Kelompok Keahlian";display:block;font-family:Fraunces,serif;font-size:18px;font-size:calc(18px*var(--font-scale, 1));font-weight:700;margin-bottom:20px;padding-bottom:12px}.desktop-user-table-wrap{display:block}.mobile-user-list{display:none}.user-role-table{border-collapse:collapse;width:100%}.user-role-table th{background:var(--bg);border-bottom:2px solid var(--border);color:var(--navy-text);font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:700;letter-spacing:.8px;padding:14px 18px;text-align:left;text-transform:uppercase}.user-role-table td{border-bottom:1px solid var(--border);color:var(--text);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:500;padding:16px 18px;vertical-align:middle}.user-role-table tr:last-child td{border-bottom:none}.user-role-table tr:hover{background:rgba(15,35,64,.015)}.row-me{background:rgba(15,35,64,.025)}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;gap:4px;padding:5px 12px}.role-badge.admin{background:#e74c3c1f;border:1.2px solid #e74c3c33;color:#c0392b}.role-badge.ketua_kk{background:#0f234014;border:1.2px solid #0f234026;color:var(--navy)}.role-badge.ketua_sub_kk{background:#17a2b81a;border:1.2px solid #17a2b833;color:var(--teal-light)}.role-badge.anggota{background:#6c757d14;border:1.2px solid #6c757d26;color:var(--text2)}.loading-state{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text3);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:500;padding:48px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1025px){.user-role-container{margin:24px auto}}@media (max-width:1024px){.user-role-container{max-width:100%}}@media (max-width:768px){.user-table-wrap{background:#0000;border:none;box-shadow:none;padding:0}.user-table-wrap:before{margin-bottom:16px;padding-left:4px}.desktop-user-table-wrap{display:none}.mobile-user-list{display:flex;flex-direction:column;gap:16px;width:100%}.mobile-user-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;padding:16px;transition:all .2s ease}.mobile-user-card:hover{box-shadow:0 6px 20px #0f23400f;transform:translateY(-2px)}.mobile-user-card.card-me{background:rgba(15,35,64,.015);border-color:#0f23401f}.mobile-user-header{align-items:flex-start;border-bottom:1.5px solid #0f23400a;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.mobile-user-name{color:var(--navy-text);font-size:14px;font-size:calc(14px*var(--font-scale, 1));font-weight:700;line-height:1.3}.me-badge{background:#0f23400f;border-radius:4px;font-size:10px;font-size:calc(10px*var(--font-scale, 1));margin-left:6px;padding:2px 6px}.me-badge,.mobile-user-email{color:var(--text3);font-weight:500}.mobile-user-email{font-size:12px;font-size:calc(12px*var(--font-scale, 1));margin-top:4px}.mobile-user-details{display:flex;flex-direction:column;gap:10px}.mobile-detail-row{display:flex;font-size:13px;font-size:calc(13px*var(--font-scale, 1));justify-content:space-between}.detail-label{color:var(--text3);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text);font-weight:600;text-align:right}.mobile-user-actions{border-top:1px solid #0f23400a;display:flex;gap:8px;margin-top:4px;padding-top:12px}.mobile-user-actions .btn{flex:1 1;font-size:11px!important;font-size:calc(11px*var(--font-scale, 1))!important;justify-content:center;padding:8px 4px!important;white-space:nowrap}}@media (max-width:640px){.user-role-container{padding:0 12px}.mobile-user-actions{flex-direction:column;gap:8px}.mobile-user-actions .btn{width:100%}}.tw-tabs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:28px}.tw-tab{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tw-tab:after{background:#0000;bottom:0;content:"";height:4px;left:0;position:absolute;transition:background-color .3s;width:100%}.tw-tab:hover:not(.disabled){border-color:var(--navy-light);box-shadow:0 10px 20px #0f234014;transform:translateY(-4px)}.tw-tab.active{background:linear-gradient(135deg,var(--navy) 0,#1e3a8a 100%);border-color:var(--navy);box-shadow:0 12px 24px #0f23401f;color:#fff}.tw-tab.active:after{background-color:var(--gold)}.tw-tab.disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.5}.tw-tab.disabled:hover{box-shadow:var(--shadow-sm);transform:none}.tw-tab.tab-all-year:not(.active){background:linear-gradient(135deg,var(--white) 0,#f8fafc 100%)}.tw-tab-q{color:var(--navy-text);font-family:Fraunces,serif;font-size:20px;font-size:calc(20px*var(--font-scale, 1));font-weight:700;margin-bottom:2px}.tw-tab.active .tw-tab-q{color:#fff}.tw-tab-label{color:var(--text3);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:800;letter-spacing:.8px;text-transform:uppercase}.tw-tab.active .tw-tab-label{color:#fff}.tw-tab-sub{color:var(--text3);font-size:10px;font-size:calc(10px*var(--font-scale, 1));margin-top:4px}.tw-tab.active .tw-tab-sub{color:#ffffffb3}.tw-tab-count{background:var(--bg);border-radius:20px;color:var(--navy-text);font-size:10px;font-size:calc(10px*var(--font-scale, 1));font-weight:700;margin-top:10px;padding:4px 10px}.tw-tab.active .tw-tab-count{background:#fff3;color:#fff}.stats-inline-bar{grid-gap:20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;padding:24px}.stat-item{gap:16px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{border-radius:14px;height:48px;justify-content:center;transition:transform .3s;width:48px}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-icon.info{background:#eef2ff;color:#4f46e5}.stat-icon.primary{background:#e0f2fe;color:#0284c7}.stat-icon.warning{background:#fffbeb;color:#d97706}.stat-icon.success{background:#ecfdf5;color:#059669}.stat-val{color:var(--navy-text);font-family:Fraunces,serif;font-size:24px;font-size:calc(24px*var(--font-scale, 1));font-weight:700;line-height:1.1}.stat-label{color:var(--text3);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;letter-spacing:.8px;margin-top:4px;text-transform:uppercase}.list-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.list-header-title{color:var(--navy-text);font-size:18px;font-size:calc(18px*var(--font-scale, 1));font-weight:700;margin:0}.sort-controls{align-items:center;display:flex;gap:8px}.sort-select{font-size:13px;font-weight:600;outline:none;padding:8px 12px}.sort-order-btn,.sort-select{background:var(--white);border:1px solid var(--border);border-radius:8px;color:var(--navy-text);cursor:pointer}.sort-order-btn{align-items:center;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.sort-order-btn:hover{background:var(--bg);border-color:var(--navy-light)}.modern-list-container{display:flex;flex-direction:column;gap:16px}.modern-list-item{align-items:stretch;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-list-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.modern-list-item.expanded{border-color:var(--navy-light);box-shadow:var(--shadow-md)}.item-left-accent{flex-shrink:0;width:6px}.item-content{flex:1 1;padding:20px 24px}.item-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.item-type{font-size:10px;font-size:calc(10px*var(--font-scale, 1));font-weight:800;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.item-title{color:var(--navy-text);font-size:17px;font-size:calc(17px*var(--font-scale, 1));font-weight:700;line-height:1.4;margin:0 0 6px}.item-subtitle{color:var(--text3);font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:500}.p-status{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:700;gap:6px;padding:6px 14px}.p-status.done{background:#dcfce7;color:#15803d}.p-status.planned{background:#f0f9ff;color:#0369a1}.item-details-row{border-top:1px solid #f8fafc;display:flex;gap:32px;padding-top:16px}.item-detail{align-items:center;color:var(--text2);display:flex;font-size:13px;font-size:calc(13px*var(--font-scale, 1));gap:8px}.item-detail svg{color:var(--text3)}.item-actions{background:#fcfdfe;border-left:1px solid #f1f5f9;flex-direction:row;gap:8px;padding:0 24px}.item-actions,.item-btn{align-items:center;display:flex}.item-btn{background:var(--white);border:1px solid var(--border);border-radius:12px;color:var(--text2);cursor:pointer;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.item-btn:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}.item-btn.edit:hover{background:#3b82f6;border-color:#3b82f6}.item-btn.delete:hover{background:var(--red);border-color:var(--red);color:#fff}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:64px 32px;text-align:center}@media (max-width:1200px){.tw-tabs{gap:10px}.tw-tab{padding:14px 8px}.tw-tab-q{font-size:18px;font-size:calc(18px*var(--font-scale, 1))}.stats-inline-bar{gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}}@media (max-width:992px){.tw-tabs{gap:12px;grid-template-columns:repeat(3,1fr)}.tw-tab.tab-all-year{grid-column:span 3}.stats-inline-bar{grid-template-columns:repeat(2,1fr)}.modern-list-item>div:first-child{flex-direction:column!important}.item-actions{background:#f8fafc;border-left:none;border-top:1px solid #f1f5f9;box-sizing:border-box;justify-content:flex-end;padding:16px 24px;width:100%}.item-details-row{flex-wrap:wrap;gap:16px 24px}}.tw-mobile-hero{display:none}@media (max-width:768px){.tw-mobile-hero{align-items:center;background:linear-gradient(135deg,var(--navy) 0,#1e3a8a 100%);border-radius:16px;box-shadow:0 8px 20px #0f234026;color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px;position:relative;transition:transform .2s,box-shadow .2s;z-index:10}.tw-mobile-hero:active{transform:scale(.98)}.hero-left{display:flex;flex-direction:column;gap:4px}.hero-title{font-size:15px;font-weight:700}.hero-subtitle{color:#ffffffb3;font-size:11px}.hero-right{align-items:center;display:flex;gap:12px}.hero-badge{background:#fff3;border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.hero-chevron{transition:transform .4s cubic-bezier(.4,0,.2,1)}.tw-tabs-wrapper.is-expanded .hero-chevron{transform:rotate(-180deg)}.tw-tabs{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:0!important;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.tw-tabs-wrapper.is-expanded .tw-tabs{margin-bottom:24px!important;max-height:600px;opacity:1;transform:translateY(0)}.tw-tab{min-width:0;min-width:auto}.tw-tab.tab-all-year{grid-column:span 2}.stats-inline-bar{gap:14px;grid-template-columns:1fr;padding:16px}.modern-list-item>div:first-child{flex-direction:column!important}.item-left-accent{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:6px;width:100%}.item-content{padding:16px}.item-header-row{align-items:flex-start;flex-direction:column;gap:12px}.item-badges{width:100%}.item-details-row{background:#f8fafc;border-radius:12px;border-top:none;flex-direction:column;gap:12px;margin-top:8px;padding:12px}.item-actions{background:#fff;border-top:1px solid var(--border);justify-content:flex-end;padding:16px 20px}.list-header-bar{align-items:flex-start;flex-direction:column;gap:12px}.sort-controls{width:100%}.sort-select{flex:1 1}.year-selector{width:100%}}.filter-bar-laporan{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 15px #0f234008;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.filter-label{color:var(--navy);font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:800;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-lg);flex:1 1;font-size:13px;font-size:calc(13px*var(--font-scale, 1));font-weight:500;max-width:220px;min-width:160px;padding:10px 14px;transition:all .2s;width:auto}.filter-input:focus,.filter-select:focus{background:var(--white);border-color:var(--navy);box-shadow:0 0 0 3px #0f23401a;outline:none}.laporan-summary-bar{grid-gap:16px;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 15px #0f234008;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px;padding:20px}.laporan-stat-item{align-items:center;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.laporan-stat-item.interactive{cursor:pointer}.laporan-stat-item.interactive:hover{background:#f8fafc;box-shadow:0 6px 12px #0f23400d;transform:translateY(-2px)}.laporan-stat-item.interactive:hover .stat-icon{transform:scale(1.1)}.laporan-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:44px}.laporan-stat-info{display:flex;flex-direction:column}.laporan-stat-val{color:var(--navy);font-family:Fraunces,serif;font-size:20px;font-size:calc(20px*var(--font-scale, 1));font-weight:800;line-height:1.1;margin-bottom:2px}.laporan-stat-label{color:var(--text3);font-size:11px;font-size:calc(11px*var(--font-scale, 1));font-weight:600;letter-spacing:.3px;text-transform:uppercase}.laporan-stat-hover-text{bottom:4px;color:var(--navy-text);font-size:10px;font-weight:700;opacity:0;position:absolute;right:12px;transform:translateX(-5px);transition:all .2s}.laporan-stat-item.interactive:hover .laporan-stat-hover-text{opacity:1;transform:translateX(0)}.laporan-table-wrapper{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 15px #0f234008;margin-bottom:24px;overflow:hidden}.laporan-table-header{align-items:center;background:#f8fafc;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.laporan-table-title{color:var(--navy);font-size:16px;font-size:calc(16px*var(--font-scale, 1));font-weight:800}.user-table{border-collapse:collapse;width:100%}.user-table th{background:#f1f5f9;color:var(--text2);font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:700;letter-spacing:.5px;padding:14px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.user-table td{border-bottom:1px solid var(--border);padding:16px;vertical-align:middle}.user-table tr:last-child td{border-bottom:none}.user-table tbody tr{transition:background .2s}.modern-laporan-item{display:none}.export-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.export-card{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 10px #0f234005;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.export-card:hover{border-color:var(--navy-text);box-shadow:0 12px 25px #0f234014;transform:translateY(-4px)}.export-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;font-size:calc(24px*var(--font-scale, 1));height:52px;justify-content:center;width:52px}.export-info{flex:1 1}.export-title{color:var(--navy-text);font-size:15px;font-size:calc(15px*var(--font-scale, 1));font-weight:800}.export-sub{color:var(--text3);font-size:12px;font-size:calc(12px*var(--font-scale, 1));font-weight:500;margin-top:4px}.export-btn-wrap{flex-shrink:0}@media (max-width:1200px){.laporan-summary-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.laporan-summary-bar{grid-template-columns:repeat(2,1fr)}.filter-input,.filter-select{min-width:130px}.user-table-wrap{overflow-x:auto}}@media (max-width:768px){.filter-bar-laporan{align-items:stretch;flex-direction:column;gap:12px}.filter-label{display:none}.filter-input,.filter-select{max-width:100%;width:100%}.laporan-summary-bar{gap:12px;padding:16px}.export-grid,.laporan-summary-bar{grid-template-columns:1fr}.user-table{display:none}.modern-laporan-item{background:var(--white);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:16px;position:relative}.mli-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.mli-name{color:var(--navy);font-size:15px;font-size:calc(15px*var(--font-scale, 1));font-weight:800;line-height:1.3}.mli-role{color:var(--text3);font-size:12px;font-size:calc(12px*var(--font-scale, 1));margin-top:2px;text-transform:capitalize}.mli-grid{grid-gap:10px;background:#f8fafc;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:12px}.mli-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.mli-stat-val{color:var(--navy);font-size:16px;font-size:calc(16px*var(--font-scale, 1));font-weight:800}.mli-stat-label{color:var(--text3);font-size:10px;font-size:calc(10px*var(--font-scale, 1));font-weight:600;text-transform:uppercase}.mli-actions{display:flex;gap:8px;justify-content:flex-end}.modal-content{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100%!important;width:100%!important}}.print-header{display:none}@media print{@page{size:landscape;margin:1.5cm}body{background:#fff!important;color:#000!important;font-family:Times New Roman,Times,serif!important}.accessibility-menu-trigger,.btn,.export-grid,.filter-bar-laporan,.filter-select,.header-actions,.laporan-header,.laporan-summary-bar,.modal-overlay,.navbar,.sidebar,select{display:none!important}.layout-container{margin:0!important;width:100%!important}.content-wrap,.layout-container{max-width:100%!important;padding:0!important}.content-wrap{margin-left:0!important}.card,.laporan-table-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.print-header{display:block!important;margin-bottom:20px}.print-header-content{align-items:flex-start;display:flex;gap:20px;margin-bottom:15px}.print-logo{height:auto;width:140px}.print-header-text h2{color:#000;font-size:18px;font-weight:700;margin:0 0 5px;text-transform:uppercase}.print-header-text p{color:#000;font-size:14px;margin:2px 0}.print-hr{border:none;border-bottom:1px solid #000;border-top:3px solid #000;height:2px;margin-bottom:10px}.print-meta{font-size:12px;font-weight:700;margin-bottom:20px}.user-table{border:1px solid #000!important;border-collapse:collapse!important;display:table!important;width:100%!important}.modern-laporan-item{display:none!important}.user-table th{background:#f0f0f0!important;font-weight:700!important;padding:8px!important;-webkit-print-color-adjust:exact}.user-table td,.user-table th{border:1px solid #000!important;color:#000!important}.user-table td{padding:6px 8px!important}.user-table td:last-child,.user-table th:last-child{display:none!important}.user-table .dot,.user-table .tag-navy{background:#0000!important;border:none!important;color:#000!important;padding:0!important}.user-table td span{color:#000!important}}.dev-settings-container{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:10px 0;width:100%}.dev-settings-card{background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);box-sizing:border-box;padding:24px}.dev-settings-header{align-items:center;border-bottom:1px solid var(--border);color:var(--navy);display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:20px;padding-bottom:12px}.feature-list{display:flex;flex-direction:column;gap:16px}.feature-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.feature-item:hover{background:#f1f5f9;border-color:#cbd5e1}.feature-info{display:flex;flex-direction:column;gap:4px}.feature-title{color:var(--navy);font-size:14px;font-weight:700}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#1e3a8a}input:checked+.slider:before{transform:translateX(24px)}@media (max-width:768px){.dev-settings-container{padding:10px 12px}.dev-settings-card{border-radius:10px;padding:16px}.feature-item{gap:12px;padding:12px}.feature-title{font-size:13px}}
/*# sourceMappingURL=main.327ba548.css.map*/