:root{font-family:Inter,Arial,sans-serif;color:#0f172a;background:#f3f6fb;line-height:1.4;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#dbeafe 0%,transparent 28%),linear-gradient(180deg,#f8fbff,#eef3f9);color:#0f172a}button,input,select{font:inherit}.page{min-height:100vh;padding:28px}.header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.header h1{margin:0;font-size:3.2rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:#0f172a}.header p{margin:14px 0 0;font-size:1.1rem;color:#64748b}.user-box{display:flex;align-items:center;gap:12px;background:#ffffffd9;border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px #0f172a0f}.logout-button{background:#0f172a;color:#fff}.layout{display:grid;grid-template-columns:360px minmax(760px,1fr);gap:24px;align-items:start}.main-panel{display:grid;gap:24px}.card{background:#ffffffeb;border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:24px;box-shadow:0 18px 40px #0f172a14,0 3px 10px #0f172a0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card h2{margin:0 0 22px;font-size:2rem;line-height:1.1;font-weight:800;color:#0f172a}.form{display:grid;gap:16px}.form label,.auth-form label{display:grid;gap:8px;font-size:.98rem;font-weight:600;color:#1e293b}input,select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}button{border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.form button,.card-header button,.auth-form button{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 18px #2563eb38}.form button,.auth-form button{margin-top:8px;width:100%}button.danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;box-shadow:0 10px 18px #dc26262e;min-width:82px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.card-header h2{margin:0}.toolbar{margin-bottom:14px}.search-input{width:100%;max-width:360px}.message{margin-top:18px;padding:12px 14px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:600}.table-wrap{overflow-x:auto;margin-top:10px}table{width:100%;border-collapse:collapse;border-spacing:0}thead th{padding:14px 10px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.95rem;font-weight:800;color:#0f172a;white-space:nowrap}tbody td{padding:14px 10px;border-bottom:1px solid #eef2f7;font-size:.96rem;color:#1e293b;vertical-align:middle}tbody tr:hover{background:#3b82f60a}tbody tr:last-child td{border-bottom:none}.timer-badge{display:inline-block;min-width:82px;text-align:center;padding:8px 12px;border-radius:999px;font-weight:800;letter-spacing:.02em}.timer-green{background:#dcfce7;color:#15803d}.timer-yellow{background:#fef9c3;color:#a16207}.timer-red{background:#fee2e2;color:#b91c1c}.timer-blink{animation:blinkPulse 1s infinite}@keyframes blinkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.04)}}.status-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem}.status-active{background:#dcfce7;color:#15803d}.status-stopped{background:#e0f2fe;color:#0369a1}.status-expired{background:#fee2e2;color:#b91c1c}.report-card .card-header{margin-bottom:18px}.report-date{color:#64748b;font-weight:700;font-size:.95rem}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}.report-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px;display:grid;gap:8px}.report-box strong{font-size:1.4rem;color:#0f172a}.report-label{color:#64748b;font-weight:700;font-size:.9rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:430px;background:#fffffff5;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:28px;box-shadow:0 20px 50px #0f172a1a,0 8px 18px #0f172a0d}.auth-card h1{margin:0 0 8px;font-size:2.4rem;font-weight:800}.auth-subtitle{margin:0 0 20px;color:#64748b}.auth-form{display:grid;gap:16px}.auth-error{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;font-weight:600}@media(max-width:1200px){.report-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:1100px){.header h1{font-size:2.6rem}.layout{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}@media(max-width:700px){.page{padding:16px}.card{padding:18px;border-radius:16px}.header h1{font-size:2.2rem}.card h2{font-size:1.7rem}.card-header{align-items:flex-start;flex-direction:column}.report-grid{grid-template-columns:1fr}.user-box{width:100%;justify-content:space-between}}