@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0F172A;--primary-light: #1E293B;--primary-dark: #0B1120;--secondary: #00923F;--accent: #F59E0B;--accent-light: #FEF3C7;--bg-main: #fdfbf7;--bg-sidebar: #0F172A;--bg-topbar: rgba(255, 255, 255, .7);--bg-card: rgba(255, 255, 255, .9);--text-primary: #1e293b;--text-muted: #64748b;--border-color: #e5e0d8;--success-soft: #d1fae5;--success-text: #047857;--warning-soft: #fef3c7;--warning-text: #b45309;--danger-soft: #ffe4e6;--danger-text: #be123c;--info-soft: #dbeafe;--info-text: #1d4ed8;--sidebar-width: 280px;--topbar-height: 72px;--border-radius: 16px;--border-radius-lg: 24px;--shadow-sm: 0 2px 8px -2px rgba(0, 146, 63, .05);--shadow-md: 0 12px 32px -4px rgba(0, 146, 63, .08);--shadow-lg: 0 24px 48px -12px rgba(0, 146, 63, .15);--shadow-glow: 0 0 20px rgba(76, 175, 107, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main: #0F172A;--bg-sidebar: #0B1120;--bg-topbar: rgba(15, 23, 42, .7);--bg-card: rgba(30, 41, 59, .7);--text-primary: #F8FAFC;--text-muted: #94A3B8;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px -4px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .5);--bg-table-head: rgba(15, 23, 42, .9)}*,*:before,*:after{box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg-main);color:var(--text-primary);font-size:14.5px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);background-image:radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 60%);display:flex;flex-direction:column;z-index:1040;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 24px #0000001a}.sidebar-brand{padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.sidebar-brand-title{font-size:17px;font-weight:800;color:#fff;line-height:1.3;letter-spacing:.5px}.sidebar-brand-subtitle{font-size:12px;color:#ffffff80;margin-top:2px}.sidebar-nav{padding:16px 0;flex:1}.sidebar-section-label{font-size:10.5px;font-weight:800;color:#ffffff4d;letter-spacing:1.5px;text-transform:uppercase;padding:16px 24px 8px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#ffffffa6;border-left:4px solid transparent;transition:var(--transition);font-size:14px;font-weight:600;position:relative}.sidebar-link i{font-size:18px;width:24px;text-align:center;flex-shrink:0;transition:var(--transition)}.sidebar-link:hover{background:rgba(255,255,255,.04);color:#fff}.sidebar-link:hover i{transform:translate(3px)}.sidebar-link.active{background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,transparent 100%);color:#fff;border-left-color:var(--primary-light)}.sidebar-link.active i{color:var(--primary-light)}.sidebar-link .badge-count{margin-left:auto;background:var(--primary-light);color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700;box-shadow:0 2px 8px #4caf6b66}.sidebar-footer{border-top:1px solid rgba(255,255,255,.05);padding:20px 24px;flex-shrink:0;background:rgba(0,0,0,.1)}.sidebar-user-name{font-size:14px;font-weight:700;color:#fff}.sidebar-user-role{font-size:12px;color:#ffffff80}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--bg-topbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 32px;gap:16px;z-index:1030;box-shadow:0 4px 30px #00000008;transition:var(--transition)}.topbar-title{font-size:18px;font-weight:800;color:var(--text-primary);flex:1}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);min-height:100vh}.page-content{padding:32px;max-width:1400px;margin:0 auto}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.4);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{background:transparent;border-bottom:1px solid var(--border-color);padding:20px 24px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:12px;color:var(--text-primary)}.card-body{padding:24px}.section-title{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.section-title i{color:var(--primary-light);font-size:20px;background:rgba(15,23,42,.05);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.6);transition:var(--transition);display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%);opacity:0;transition:var(--transition);pointer-events:none}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-color)}.stat-card:hover:after{opacity:1}.stat-card-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:var(--shadow-sm);transition:var(--transition)}.stat-card:hover .stat-card-icon{transform:scale(1.05) rotate(5deg)}.stat-card-info{min-width:0;flex:1;display:flex;flex-direction:column}.stat-card-value{font-size:28px;font-weight:800;line-height:1.2;color:var(--text-primary);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat-card-label{font-size:13.5px;color:var(--text-muted);margin-top:4px;font-weight:600}.stat-card-sub{font-size:11.5px;color:#94a3b8;margin-top:2px;font-weight:500}.table-card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.6);overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.table{margin-bottom:0;font-size:14.5px;font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0;width:100%}.table thead th{background:var(--bg-table-head, rgba(248, 250, 252, .9));border-bottom:2px solid var(--border-color);font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:16px 24px;white-space:nowrap}.table tbody td{padding:18px 24px;vertical-align:middle;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:500;transition:all .2s ease}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-card);color:var(--primary)}.btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:14px;border-radius:12px;padding:10px 20px;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;box-shadow:0 4px 12px #4caf6b4d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 6px 16px #4caf6b66;transform:translateY(-2px);color:#fff}.btn-primary:active{transform:translateY(0)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.action-menu-btn:hover{background:var(--bg-card)!important;border-color:var(--primary-light)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.form-control,.form-select{border-radius:12px;border:1.5px solid var(--border-color);font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;padding:12px 16px;transition:var(--transition);background:var(--bg-card);color:var(--text-primary)}.form-control:focus,.form-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #ffffff26;outline:none;transform:translateY(-1px)}.form-label{font-weight:700;font-size:13.5px;color:var(--text-muted);margin-bottom:8px}.badge{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:12px;padding:6px 12px;border-radius:20px;letter-spacing:.3px}.alert{border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.05);font-size:14px;font-weight:500;box-shadow:var(--shadow-sm);padding:16px 20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header-title{font-size:28px;font-weight:800;color:var(--primary);margin:0;letter-spacing:-.5px}.page-header-breadcrumb{font-size:13.5px;font-weight:600;color:var(--text-muted);margin-top:4px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1039}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state i{font-size:56px;margin-bottom:16px;opacity:.3;display:block;color:var(--primary)}.empty-state h5{font-weight:800;color:var(--text-primary);font-size:18px}.status-draft{background:var(--bg-main);color:var(--text-muted)}.status-menunggu{background:var(--warning-soft);color:var(--warning-text)}.status-diterima{background:var(--success-soft);color:var(--success-text)}.status-ditolak{background:var(--danger-soft);color:var(--danger-text)}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(76,175,107,.3) 0%,transparent 70%);top:-200px;left:-200px;border-radius:50%}.auth-page:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(76,175,107,.2) 0%,transparent 70%);bottom:-150px;right:-150px;border-radius:50%}.auth-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;padding:48px;width:100%;max-width:460px;box-shadow:0 24px 64px #0000004d;position:relative;z-index:10;border:1px solid rgba(255,255,255,.4)}.auth-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--primary-light),#2563eb);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin:0 auto 24px;box-shadow:0 12px 24px #4caf6b4d}.auth-title{font-size:26px;font-weight:800;color:var(--primary);text-align:center;letter-spacing:-.5px}.auth-subtitle{color:var(--text-muted);text-align:center;font-size:14.5px;margin-bottom:32px;font-weight:500}.landing-navbar{background:rgba(0,146,63,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.landing-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}@media (max-width: 991.98px){.sidebar{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar.show{transform:translate(0);box-shadow:8px 0 32px #0003}.sidebar-overlay.show{display:block}.topbar{left:0;padding:0 20px}.main-content{margin-left:0}.page-content{padding:24px 16px}}@media (max-width: 575.98px){.auth-card{padding:32px 24px;border-radius:20px}.page-header-title{font-size:24px}.stat-card-value{font-size:28px}.stat-card{padding:20px}.table thead th,.table tbody td{padding:12px 16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.fade-in-up:nth-child(1){animation-delay:.05s}.fade-in-up:nth-child(2){animation-delay:.1s}.fade-in-up:nth-child(3){animation-delay:.15s}.fade-in-up:nth-child(4){animation-delay:.2s}.fade-in-up:nth-child(5){animation-delay:.25s}.text-muted{color:var(--text-muted)!important}.text-dark{color:var(--text-primary)!important}.bg-white{background-color:var(--bg-card)!important}.bg-light{background-color:var(--bg-main)!important}[data-theme=dark]{--primary: #38BDF8 !important;--primary-light: #7DD3FC !important;--primary-dark: #0284C7 !important}[data-theme=dark] .table{--bs-table-bg: transparent !important;--bs-table-color: var(--text-primary) !important}[data-theme=dark] .table tbody tr,[data-theme=dark] .table tbody td,[data-theme=dark] .table tbody th{background-color:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .table-hover tbody tr:hover td,[data-theme=dark] .table-hover tbody tr:hover th{background-color:#ffffff0d!important}[data-theme=dark] .bg-light{background-color:var(--bg-main)!important}[data-theme=dark] .card,[data-theme=dark] .table-card{color:var(--text-primary)!important}.text-wrap-balance{text-wrap:balance;word-break:break-word}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}