.ucontainer{max-width:100vw;padding:10px 2vw 40px;font-family:Inter,Arial,sans-serif;background:linear-gradient(110deg,#f5f6fa 60%,#eef2f7);min-height:100vh}.uform{background:#fff7;border-radius:18px;box-shadow:0 3px 24px #0001;padding:24px;margin-bottom:32px}.uform-row{display:flex;flex-wrap:wrap;gap:20px}.uform-row>div{flex:1;min-width:160px}.uinput{width:100%;border-radius:8px;padding:10px;border:1.5px solid #cbd5e1;margin-bottom:14px;font-size:15px;background:#f9fafb;transition:.2s}.uinput:focus{outline:2px solid #60a5fa;background:#fff}.ubtn-primary{background:linear-gradient(90deg,#2563eb 80%,#4f46e5);color:#fff;border:none;padding:10px 28px;border-radius:8px;font-weight:600;box-shadow:0 2px 6px #2563eb10;cursor:pointer;transition:.2s}.ubtn-primary:hover{background:linear-gradient(90deg,#1d4ed8 80%,#312e81)}.ubtn-warning{background:#fbbe24;color:#333;border:none;border-radius:6px;padding:7px 13px;margin-right:5px;font-weight:600;cursor:pointer;box-shadow:0 1px 5px #efb8132e}.ubtn-danger{background:#e53939;color:#fff;border:none;border-radius:6px;padding:7px 13px;font-weight:600;cursor:pointer;box-shadow:0 1px 5px #e5393922}.ubtn-danger:disabled{background:#fca5a5;color:#fff}.ubtn-secondary{background:#fff;border:1.2px solid #e5e7eb;color:#6b7280;border-radius:6px;padding:7px 18px;cursor:pointer;font-weight:500}.utable-wrapper{overflow-x:auto}.utable{border-collapse:collapse;width:100%;min-width:800px;margin-bottom:32px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0001}.utable th,.utable td{padding:11px 13px;border-bottom:1px solid #f1f1f1}.utable th{background:#f5f6fa;font-weight:700}.utable tr:last-child td{border-bottom:none}.utable tr:hover{background:#f0f9ff}.umodal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1002;background:#0007;display:flex;align-items:center;justify-content:center}.umodal{background:#fff;padding:28px 26px;border-radius:18px;min-width:300px;max-width:90vw;box-shadow:0 4px 24px #0002;animation:umodalFadeIn .22s}@keyframes umodalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.umodal-body{margin-bottom:22px}.umodal-actions{display:flex;gap:12px}.umodal-input{width:100%;border-radius:8px;padding:9px;border:1.5px solid #cbd5e1;margin-bottom:13px;font-size:15px;background:#f9fafb;transition:.2s}.umodal-input:focus{outline:2px solid #60a5fa;background:#fff}.wib-clock{position:fixed;right:14px;top:14px;background:#fffc;color:#23272e;font-size:15px;font-weight:600;z-index:50;border-radius:12px;padding:9px 20px;box-shadow:0 2px 12px #0002;letter-spacing:.5px}.upagination{display:flex;align-items:center;gap:18px;padding:18px 0 6px;justify-content:center}.upagination button{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-weight:600;cursor:pointer}.upagination button[disabled]{background:#dbeafe;color:#2563eb;cursor:not-allowed}@media (max-width: 850px){.uform-row{flex-direction:column;gap:10px}.utable{min-width:600px}}@media (max-width: 600px){.wib-clock{font-size:13px;padding:6px 11px}.uform{padding:12px}.umodal{padding:18px 10px}.utable{min-width:420px}}.upagination .upage-active,.upagination button.upage-active{background:#fff;color:#2563eb;border:2px solid #2563eb;font-weight:700}.unotif{margin-bottom:12px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:16px;box-shadow:0 2px 6px #3232320a;animation:fadeInUNotif .7s}.unotif-err{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.unotif-ok{background:#d1fae5;color:#065f46;border:1px solid #34d399}@keyframes fadeInUNotif{0%{opacity:0}to{opacity:1}}.usummary-wrap{display:flex;gap:18px;margin:18px 0 6px;flex-wrap:wrap}.usummary-card{min-width:120px;background:#fff;border-radius:13px;box-shadow:0 2px 9px #0001;padding:15px 23px 12px;display:flex;flex-direction:column;align-items:center;font-size:17px;margin-bottom:10px}.usum-label{font-size:14px;color:#666;font-weight:500;margin-top:3px}.usum-main{font-weight:700;font-size:24px;margin-bottom:2px}.usum-blue{border-bottom:4px solid #2563eb}.usum-green{border-bottom:4px solid #059669}.usum-red{border-bottom:4px solid #dc2626}.usum-purple{border-bottom:4px solid #7c3aed}.usum-gray{border-bottom:4px solid #6b7280}@media (max-width: 850px){.usummary-wrap{flex-direction:column;gap:8px}}.table-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.proxy-ip{font-family:monospace;font-size:14px;word-break:break-word}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid #eaeaea;padding:8px 10px;text-align:left}th{background-color:#f7f7f7;font-weight:600}tr:nth-child(2n){background-color:#fafafa}button{background-color:#1c3dff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@tailwind base;@tailwind components;@tailwind utilities;.input{@apply border p-2 rounded w-full;}.btn{@apply bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700;}