@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";:root{color:#d1ddff;font-family:Manrope,sans-serif}body{background-color:#101019;margin:0;padding:0}main{overflow:hidden scroll}h1{font-size:2rem;font-weight:800}fieldset{border:0}hr{color:#3e4170;margin:2rem 0}button{cursor:pointer}main{flex:1 1 0}input,textarea{box-sizing:border-box}.main{box-sizing:border-box;background-color:#111;gap:1rem;height:100vh;padding:1rem .75rem 5rem;display:flex}.warrant-container{color:#fff;box-sizing:border-box;width:100%;height:100%;padding:25px}.warrant-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.warrant-header h1{font-size:28px;font-weight:600}.create-report-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:15px;transition:all .2s}.create-report-btn:hover{background:#1d4ed8}.warrant-list{flex-direction:column;gap:15px;display:flex}.warrant-card{background:#1c1c1c;border:1px solid #333;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex;position:relative}.warrant-card:hover{border-color:#555;transform:translateY(-2px)}.warrant-info h2{margin:0 0 12px;font-size:20px}.warrant-info p{color:#bbb;text-align:left;margin:5px 0}.warrant-info span{color:#fff;font-weight:600}.claimed-badge{color:#4ade80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#22c55e26;border:1px solid #22c55e80;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:flex;position:absolute;top:15px;right:20px;box-shadow:0 0 10px #22c55e26}.claimed-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.claim-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:12px 25px;font-size:15px;transition:all .2s}.claim-btn:hover{background:#b91c1c}.claim-btn.claimed{background-color:#16a34a}.claim-btn.claimed:hover{background-color:#117335}.complaintModal .popupOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#14141e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.complaintModal .popup{background:#eceff8;border-radius:20px;flex-direction:column;width:min(1000px,95vw);max-height:92vh;display:flex;position:relative;overflow:scroll;box-shadow:0 20px 50px #00000059}.complaintModal .popupHeader{color:#fff;background:#2563eb;padding:35px}.complaintModal .popupHeader h2{margin:0;font-size:34px;font-weight:700}.complaintModal .popupHeader p{color:#dbeafe;margin-top:10px}.complaintModal .closeBtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:26px;transition:all .2s;display:flex;position:absolute;top:25px;right:25px}.complaintModal .closeBtn:hover{background:#dc2626;transform:scale(1.05)}.complaintModal .grid{background:#cbd5e1;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:25px;display:grid}.complaintModal .full{grid-column:1/-1}.complaintModal .card{background:#fff;border:2px solid #dbe4ef;border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 5px 15px #00000014}.complaintModal .card h3{color:#2563eb;background:#eff6ff;border-radius:10px;margin:0;padding:12px;font-size:24px}.complaintModal .cardHeader{justify-content:space-between;align-items:center;display:flex}.complaintModal .inputRow{gap:20px;display:flex}.complaintModal .field{flex-direction:column;flex:1;gap:8px;display:flex}.complaintModal .field label{color:#475569;font-size:14px;font-weight:600}.complaintModal .field input,.complaintModal .field textarea{background:#f8fafc;border:2px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;transition:all .2s}.complaintModal .field input:focus,.complaintModal .field textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.complaintModal .radioGroup{background:#f8fafc;border:2px solid #dbe4ef;border-radius:10px;justify-content:space-around;gap:15px;padding:12px;display:flex}.complaintModal .radioItem{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;transition:all .2s;display:flex}.complaintModal .radioItem:hover{background:#eff6ff;border-color:#93c5fd}.complaintModal .radioItem.active{color:#fff;background:#2563eb;border-color:#2563eb}.complaintModal .radioItem.active span{color:#fff}.complaintModal .radioItem input{accent-color:#fff}input[type=checkbox]{margin-left:1rem;display:inline}input[type=radio]{display:none}.label{color:#d1ddff;cursor:pointer;border:1px solid gray;border-radius:10px;padding:10px;display:inline-flex;position:relative}input[type=radio]:checked+label{color:#3e4170;border:1px solid #d5e0ff}input[type=radio]+label{margin-top:0;margin-bottom:0;margin-right:1rem;font-weight:400}input::placeholder{color:#d5e0ff80}.complaintModal .sectionDescription{color:#64748b;margin:0;font-size:15px;line-height:1.6}.complaintModal textarea{resize:vertical;min-height:220px;font-family:inherit;line-height:1.6}.complaintModal input[type=file]{cursor:pointer;background:#f8fafc;border:2px solid #cbd5e1;border-radius:10px;width:100%;padding:12px}.complaintModal input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-right:15px;padding:10px 18px;font-weight:600;transition:all .2s}.complaintModal input[type=file]::file-selector-button:hover{background:#1d4ed8}.complaintModal .addBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;line-height:1;transition:all .2s;display:flex}.complaintModal .addBtn:hover{background:#1d4ed8;transform:scale(1.08)}.complaintModal .footer{background:#dbeafe;border-top:1px solid #cbd5e1;justify-content:flex-end;padding:20px 25px;display:flex}.complaintModal .okBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .2s}.complaintModal .okBtn:hover{background:#1d4ed8;transform:translateY(-2px)}.complaintModal .grid::-webkit-scrollbar{width:10px}.complaintModal .grid::-webkit-scrollbar-track{background:#e2e8f0}.complaintModal .grid::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.complaintModal .grid::-webkit-scrollbar-thumb:hover{background:#64748b}@media (width<=900px){.complaintModal{padding:15px}.complaintModal .grid{grid-template-columns:1fr;padding:15px}.complaintModal .full{grid-column:auto}.complaintModal .inputRow{flex-direction:column;gap:15px}.complaintModal .radioGroup{flex-direction:column}.complaintModal .footer{padding:15px}.complaintModal .okBtn{width:100%}}@media (width<=500px){.complaintModal{padding:8px}.complaintModal .popup{border-radius:14px}.complaintModal .popupHeader{padding:25px 20px}.complaintModal .popupHeader h2{padding-right:40px;font-size:25px}.complaintModal .popupHeader p{font-size:13px}.complaintModal .closeBtn{width:38px;height:38px;font-size:22px;top:15px;right:15px}.complaintModal .card{padding:18px}.complaintModal .card h3{font-size:20px}.complaintModal .radioItem{width:100%}}.witnesses{flex-direction:column;display:flex}.bottom-nav{z-index:1000;background:#161b22;border-top:1px solid #30363d;justify-content:space-around;align-items:center;width:100%;height:70px;display:flex;position:fixed;bottom:0;left:0}.nav-item{color:#8b949e;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.nav-item span{font-size:22px}.nav-item p{margin:0}.nav-item:hover{color:#fff}.complaints-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-right:1rem;display:grid}.complaint-card{background:#161b22;border:1px solid #30363d;border-radius:18px;padding:24px;transition:all .2s}.complaint-card:hover{border-color:#5865f2;transform:translateY(-3px)}.complaint-card .card-header{justify-content:space-between;align-items:flex-start;display:flex}.complaint-card .card-header h2{margin:0 0 15px;font-size:22px}.complaint-card .parties{color:#c9d1d9;align-items:center;gap:12px;display:flex}.complaint-card .status{border:1px solid;border-radius:20px;padding:6px 14px;font-size:13px}.complaint-card .status.Open{color:#3fb950;border-color:#3fb950}.complaint-card .hearing{background:#0d1117;border-radius:12px;margin-top:25px;padding:15px}.complaint-card .empty{color:#8b949e}.complaint-card .actions{gap:12px;margin-top:20px;display:flex}.complaint-card button{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-weight:600}.complaint-card .primary{color:#fff;background:#5865f2;border:none}.complaint-card .disabled{color:#fff;background:gray;border:none}.complaint-card .secondary{color:#fff;background:0 0;border:1px solid #30363d}.viewModal .popupOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#14141e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewModal .popup{background:#eceff8;border-radius:20px;flex-direction:column;width:min(1000px,95vw);max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059}.viewModal .closeBtn{z-index:10;cursor:pointer;color:#fff;background:#ff5b5b;border:none;border-radius:50%;width:42px;height:42px;font-size:22px;transition:all .2s;position:absolute;top:20px;right:20px}.viewModal .closeBtn:hover{background:#e63946}.viewModal .popupHeader{color:#fff;background:#2563eb;justify-content:space-between;align-items:flex-start;padding:30px;display:flex}.viewModal .popupHeader h2{margin:0;font-size:34px}.viewModal .popupHeader p{color:#dbeafe;margin-top:8px}.viewModal .status{color:#fff;background:#22c55e;border-radius:999px;padding:8px 18px;font-weight:700}.viewModal .grid{background:#cbd5e1;flex:1;grid-template-columns:repeat(2,minmax(320px,1fr));gap:22px;padding:25px;display:grid;overflow:auto}.viewModal .card{background:#fff;border:2px solid #cbd5e1;border-radius:16px;padding:24px;box-shadow:0 5px 15px #00000014}.viewModal .card h3{color:#2563eb;background:#eff6ff;border-radius:10px;margin-bottom:20px;padding:12px;font-size:28px}.viewModal .full{grid-column:1/-1}.viewModal .info{background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 18px;display:flex}.viewModal .info span{color:#64748b;font-size:15px}.viewModal .info b{color:#111827;font-size:16px}.viewModal .description{color:#374151;background:#fff7ed;border:2px solid #fdba74;border-radius:12px;margin-top:20px;padding:18px;line-height:1.7}.viewModal .inputRow{background:#e0f2fe;border-radius:12px;gap:20px;padding:20px;display:flex}.viewModal .field{flex-direction:column;flex:1;display:flex}.viewModal .field label{color:#374151;margin-bottom:8px;font-weight:600}.viewModal .field input{color:#0d1117;background:#fff;border:2px solid #94a3b8;border-radius:10px;height:48px;padding:0 14px;font-size:15px}.viewModal .field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.viewModal .footer{background:#dbeafe;justify-content:flex-end;padding:20px;display:flex}.viewModal .okBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 34px;font-size:16px;font-weight:600;transition:all .2s}.viewModal .okBtn:hover{background:#1d4ed8;transform:translateY(-2px)}.viewModal .grid::-webkit-scrollbar{width:10px}.viewModal .grid::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.viewModal .grid::-webkit-scrollbar-track{background:#e2e8f0}.viewModal .haftbefehl{color:#fff;cursor:pointer;background:#a30027ed;border:none;border-radius:10px;width:100%;padding:14px 34px;font-size:16px;font-weight:600;transition:all .2s}.viewModal .haftbefehl:hover{background:#880121ed}.viewModal textarea{background:#f8fafc;border:2px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;transition:all .2s}.viewModal textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}@media (width<=450px){.viewModal .popupOverlay{align-items:flex-start;padding:10px}.viewModal .popup{border-radius:16px;width:100%;max-width:100%;height:100dvh;margin-top:10px}.viewModal .popupHeader{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.viewModal .headerLeft h2{font-size:28px}.viewModal .headerLeft p{word-break:break-all;font-size:13px}.viewModal .headerRight{justify-content:space-between;width:100%}.viewModal .status{padding:8px 16px;font-size:14px}.viewModal .closeBtn{width:40px;height:40px;font-size:20px}.viewModal .grid{grid-template-columns:1fr;gap:15px;padding:15px}.viewModal .full{grid-column:auto}.viewModal .card{padding:18px}.viewModal .card h3{margin-bottom:15px;font-size:22px}.viewModal .info{flex-direction:column;align-items:flex-start;gap:4px}.viewModal .info span{font-size:13px}.viewModal .info b{font-size:16px}.viewModal .description{padding:14px;font-size:14px}.viewModal .inputRow{flex-direction:column;gap:15px;padding:15px}.viewModal .field input{height:44px;font-size:15px}.viewModal .footer{padding:15px}.viewModal .okBtn{width:100%;height:48px;font-size:16px}}.login-page{background-color:#fff;justify-content:center;align-items:stretch;width:100vw;height:100vh;display:flex}.dashboard-page{color:#fff;background:#111;min-height:100vh;padding:40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.dashboard-header h1{margin:0;font-size:34px}.dashboard-header p{color:#8b949e}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.dashboard-card{background:#161b22;border:1px solid #30363d;border-radius:18px;padding:24px;transition:all .2s}.dashboard-card:hover{border-color:#5865f2;transform:translateY(-3px)}.card-title{color:#8b949e;font-size:14px;font-weight:600}.dashboard-card h2{margin:15px 0 5px;font-size:32px}.dashboard-card p{color:#8b949e;margin:0}.success{color:#3fb950}.warning{color:#d29922}.danger{color:#f85149}.dashboard-content{grid-template-columns:2fr 1fr;gap:25px;margin-top:25px;display:grid}@media (width<=900px){.dashboard-content{grid-template-columns:1fr}}.activity{border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.activity small{color:#8b949e}.dot{border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.green{background:#3fb950}.orange{background:#d29922}.red{background:#f85149}.quick-actions{flex-direction:column;gap:12px;display:flex}button{cursor:pointer;border-radius:12px;padding:12px;font-weight:600}.primary{color:#fff;background:#5865f2;border:none}.secondary{color:#fff;background:0 0;border:1px solid #30363d}.secondary:hover{border-color:#5865f2}.hearing-page{color:#fff;background:#111;min-height:100vh;padding:40px}.hearing-page .page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.hearing-page .page-header h1{margin:0;font-size:34px;font-weight:700}.hearing-page .hearing-grid{grid-template-columns:400px 1fr;gap:25px;display:grid}@media (width<=1100px){.hearing-page .hearing-grid{grid-template-columns:1fr;gap:0}}.hearing-page .complaint-card{background:#161b22;border:1px solid #30363d;border-radius:18px;margin-bottom:25px;padding:24px;transition:all .2s}.hearing-page .complaint-card:hover{border-color:#5865f2;box-shadow:0 12px 30px #00000059}.hearing-page .complaint-card h2{margin:0 0 20px;font-size:22px}.hearing-page .status{border:1px solid;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600}.hearing-page .status.Open{color:#3fb950;border-color:#3fb950}.hearing-page .info-row{border-bottom:1px solid #222831;justify-content:space-between;gap:20px;margin-bottom:14px;padding-bottom:14px;display:flex}.hearing-page .info-row:last-child{border-bottom:none;margin-bottom:0}.hearing-page .info-row label{color:#8b949e;font-weight:600}.hearing-page .info-row span{text-align:right;color:#fff}.hearing-page textarea,.hearing-page input,.hearing-page select{color:#fff;resize:vertical;box-sizing:border-box;background:#0d1117;border:1px solid #30363d;border-radius:12px;width:100%;margin-top:8px;margin-bottom:20px;padding:14px;font-size:15px;transition:all .2s}.hearing-page textarea:focus,.hearing-page input:focus,.hearing-page select:focus{border-color:#5865f2;outline:none;box-shadow:0 0 0 3px #5865f226}.hearing-page label{margin-top:10px;font-weight:600;display:block}.hearing-page .verdict-buttons button{flex:1}.hearing-page button{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-weight:600;transition:all .2s}.hearing-page button:hover{transform:translateY(-2px)}.hearing-page .primary{color:#fff;background:#5865f2}.hearing-page .primary:hover{background:#6975ff}.hearing-page .secondary{color:#fff;background:0 0;border:1px solid #30363d}.hearing-page .secondary:hover{border-color:#5865f2}.hearing-page .bottom-actions{justify-content:flex-end;margin-top:30px;display:flex}.hearing-page .save-btn{min-width:220px;font-size:16px}.hearing-page .verdict-buttons{gap:15px;margin-bottom:25px;display:flex}.hearing-page .verdict-option{cursor:pointer;color:#fff;background:0 0;border:1px solid #30363d;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px;font-weight:600;transition:all .2s;display:flex}.hearing-page .verdict-option input{display:none}.hearing-page .verdict-option:has(input:checked){color:#fff;background:#5865f2;border-color:#5865f2}.hearing-page .verdict-option.guilty:has(input:checked){background:#da3633;border-color:#da3633}.hearing-page .verdict-option:hover{border-color:#5865f2}.user-management{color:#fff;background:#111;min-height:100vh;padding:40px;position:relative}.user-management .header-actions{align-items:center;gap:15px;display:flex}.user-management .role-badge{cursor:pointer;color:#b8bcc6;background:0 0;border:1px solid #30363d;transition:all .2s}.user-management .role-badge:hover{border-color:#5865f2;transform:translateY(-2px)}.user-management .role-badge.active{color:#fff;background:#5865f2;border-color:#5865f2}.user-management .page-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.user-management .page-header h1{margin:0;font-size:34px}.user-management .search-input{color:#fff;background:#161b22;border:1px solid #30363d;border-radius:12px;outline:none;width:300px;padding:12px 16px}.user-management .search-input:focus{border-color:#5865f2}.user-management .users-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:25px;display:grid}.user-management .user-card{background:#161b22;border:1px solid #30363d;border-radius:18px;padding:24px;transition:all .2s}.user-management .user-card:hover{border-color:#5865f2;box-shadow:0 12px 25px #00000040}.user-management .user-header{align-items:center;gap:20px;display:flex}.user-management .qr-placeholder{color:#777;background:#0d1117;border:2px dashed #444;border-radius:12px;justify-content:center;align-items:center;width:90px;height:90px;font-weight:700;display:flex}.user-management .user-info{flex:1}.user-management .user-info h2{margin:0 0 15px;font-size:24px}.user-management .roles{flex-wrap:wrap;gap:10px;display:flex}.user-management .role-badge{color:#9da8ff;border:1px solid #5865f2;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.user-management .actions{gap:12px;margin-top:25px;display:flex}.user-management .actions button{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-weight:600}.user-management .primary{color:#fff;background:#5865f2;border:none}.user-management .secondary{color:#fff;background:0 0;border:1px solid #30363d}.user-management .secondary:hover,.user-management .primary:hover{transform:translateY(-2px)}.qr-modal-overlay{z-index:999999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.qr-modal-overlay .qr-modal{background:#161b22;border:1px solid #30363d;border-radius:18px;width:420px;max-width:90vw;padding:28px;animation:.2s modalPop;position:relative;box-shadow:0 20px 40px #00000073}.qr-modal-overlay .qr-modal h2{text-align:center;color:#fff;margin:0;font-size:24px;font-weight:700}.qr-modal-overlay .close-btn{color:#fff;cursor:pointer;background:#20262d;border:none;border-radius:50%;width:38px;height:38px;font-size:20px;transition:all .2s;position:absolute;top:16px;right:16px}.qr-modal-overlay .close-btn:hover{background:#30363d}.qr-modal-overlay .qr-large{justify-content:center;align-items:center;margin:30px 0;display:flex}.qr-modal-overlay .qr-placeholder-large{box-sizing:border-box;background:#fff;border-radius:14px;width:260px;height:260px;padding:12px}.qr-modal-overlay .qr-placeholder-large svg{width:100%;height:100%}.qr-modal-overlay .modal-actions{gap:14px;margin-top:10px;display:flex}.qr-modal-overlay .modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:12px;font-weight:600;transition:all .2s}.qr-modal-overlay .primary{color:#fff;background:#5865f2;border:none}.qr-modal-overlay .primary:hover{background:#6b76ff;transform:translateY(-2px)}.qr-modal-overlay .secondary{color:#fff;background:0 0;border:1px solid #30363d}.qr-modal-overlay .secondary:hover{border-color:#5865f2;transform:translateY(-2px)}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-user-modal{color:#fff;background:#161b22;border:1px solid #30363d;border-radius:18px;width:500px;max-width:90vw;padding:28px;animation:.2s modalPop;box-shadow:0 20px 40px #00000073}.create-user-modal h2{margin:0 0 25px;font-size:28px;font-weight:700}.create-user-modal input{color:#fff;box-sizing:border-box;background:#0d1117;border:1px solid #30363d;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:all .2s}.create-user-modal input:focus{border-color:#5865f2}.create-user-modal .roles{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.create-user-modal .role-badge{color:#b8bcc6;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.create-user-modal .role-badge:hover{border-color:#5865f2;transform:translateY(-2px)}.create-user-modal .role-badge.active{color:#fff;background:#5865f2;border-color:#5865f2}.create-user-modal .modal-actions{gap:14px;margin-top:30px;display:flex}.create-user-modal .modal-actions button{cursor:pointer;border-radius:12px;flex:1;padding:13px;font-size:15px;font-weight:600;transition:all .2s}.create-user-modal .primary{color:#fff;background:#5865f2;border:none}.create-user-modal .primary:hover{background:#6b76ff;transform:translateY(-2px)}.create-user-modal .secondary{color:#fff;background:0 0;border:1px solid #30363d}.create-user-modal .secondary:hover{border-color:#5865f2;transform:translateY(-2px)}@media (width<=600px){.create-user-modal{width:calc(100vw - 30px);padding:22px}.create-user-modal .modal-actions{flex-direction:column}.create-user-modal .role-badge{text-align:center;flex:calc(50% - 5px)}}.border-control-page{color:#fff;background:#111;padding:40px}.border-control-page .page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.border-control-page .page-header h1{margin:0;font-size:34px}.border-control-page .page-header p{color:#8b949e;margin-top:8px}.border-control-page .filter-bar{margin-bottom:35px}.border-control-page .filter-bar input{color:#fff;box-sizing:border-box;background:#161b22;border:1px solid #30363d;border-radius:14px;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.border-control-page .filter-bar input:focus{border-color:#5865f2;outline:none;box-shadow:0 0 0 3px #5865f226}.border-control-page .section{margin-bottom:45px}.border-control-page .section h2{margin-bottom:20px;font-size:24px}.border-control-page .closed-section{border-top:1px solid #30363d;margin-top:60px;padding-top:40px}.border-control-page .entry-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;display:grid}.border-control-page .entry-card{background:#161b22;border:1px solid #30363d;border-radius:18px;padding:24px;transition:all .2s}.border-control-page .entry-card:hover{border-color:#5865f2;transform:translateY(-3px)}.border-control-page .entry-card.returned{opacity:.75}.border-control-page .card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.border-control-page .card-header h3{margin:0 0 10px;font-size:24px}.border-control-page .class-badge{color:#8b949e;background:#0d1117;border:1px solid #30363d;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.border-control-page .status{border:1px solid;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.border-control-page .status.outside{color:#3fb950;border-color:#3fb950}.border-control-page .status.returned{color:#8b949e;border-color:#8b949e}.border-control-page .entry-info{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.border-control-page .entry-info p{color:#c9d1d9;margin:0}.border-control-page .entry-info strong{color:#fff}.border-control-page button{cursor:pointer;border-radius:12px;font-weight:600;transition:all .2s}.border-control-page .primary{color:#fff;background:#5865f2;border:none;width:100%;padding:12px}.border-control-page .primary:hover{background:#6975ff;transform:translateY(-2px)}.border-control-page .secondary{color:#fff;background:0 0;border:1px solid #30363d;width:100%;padding:12px}.border-control-page .secondary:hover{border-color:#5865f2;transform:translateY(-2px)}@media (width<=800px){.border-control-page{padding:20px}.border-control-page .page-header{flex-direction:column;align-items:stretch;gap:25px;margin-bottom:25px}.border-control-page .page-header h1{font-size:42px;line-height:1.1}.border-control-page .page-header p{margin-top:15px;font-size:20px;line-height:1.4}.border-control-page .page-header .primary{width:100%;height:55px;font-size:18px}.border-control-page .filter-bar{margin-bottom:30px}.border-control-page .filter-bar input{height:55px;font-size:17px}.border-control-page section h2{font-size:28px;line-height:1.2}.border-control-page .entry-grid{grid-template-columns:1fr;gap:18px}.border-control-page .entry-card{border-radius:16px;padding:20px}.border-control-page .card-header{flex-direction:column;gap:15px}.border-control-page .card-header h3{font-size:22px}.border-control-page .status{align-self:flex-start}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal{background:#161b22;border:1px solid #30363d;border-radius:18px;width:500px;max-width:95%;padding:28px;animation:.2s popup}.modal-overlay .modal h2{color:#fff;margin:0 0 25px}.modal-overlay .student-name{color:#c9d1d9;margin-bottom:20px;font-size:18px}.modal-overlay .modal input,.modal-overlay .modal textarea{color:#fff;box-sizing:border-box;background:#0d1117;border:1px solid #30363d;border-radius:12px;width:100%;margin-bottom:16px;padding:14px;font-size:15px}.modal-overlay .modal textarea{resize:vertical}.modal-overlay .modal input:focus,.modal-overlay .modal textarea:focus{border-color:#5865f2;outline:none}.modal-overlay .modal-actions{gap:12px;margin-top:15px;display:flex}.modal-overlay .modal-actions button{flex:1}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.jva-page{color:#fff;padding:30px}.jva-page .page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.jva-page .page-header h1{margin:0;font-size:32px}.jva-page .page-header p{color:#9ca3af}.jva-page .jva-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}.jva-page .jva-card{background:#111827;border:1px solid #263041;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000040}.jva-page .card-top{justify-content:space-between;align-items:flex-start;display:flex}.jva-page .card-top h2{margin:0;font-size:22px}.jva-page .card-top p{color:#9ca3af;margin-top:5px}.jva-page .status{border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600}.jva-page .waiting{color:#fbbf24;border:1px solid #fbbf24}.jva-page .working{color:#22c55e;border:1px solid #22c55e}.jva-page .closed{color:#9ca3af;border:1px solid #4b5563}.jva-page .details{margin-top:25px}.jva-page .details div{margin-bottom:15px}.jva-page .details b{color:#9ca3af}.jva-page .details p{margin:4px 0;font-size:15px}.jva-page .actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.jva-page button{cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-weight:600;transition:all .2s}.jva-page button:hover{transform:translateY(-2px)}.jva-page .success{color:#fff;background:#22c55e}.jva-page .danger{color:#fff;background:#ef4444}.jva-page .primary{color:#fff;background:#3b82f6}@media (width<=600px){.jva-page{padding:15px}.jva-page .jva-grid{grid-template-columns:1fr}.jva-page .jva-card{padding:18px}.jva-page .card-top{flex-direction:column;gap:15px}.jva-page .actions button{width:100%}}