@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main: #000000;--bg-card: #1c1c1e;--bg-card-2: #2c2c2e;--border-color: rgba(255, 255, 255, .1);--primary: #0a84ff;--primary-hover: #0071e3;--primary-light: rgba(10, 132, 255, .12);--secondary: #5e5ce6;--success: #30d158;--success-bg: rgba(48, 209, 88, .12);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .12);--danger: #ff453a;--danger-bg: rgba(255, 69, 58, .12);--text-main: #ffffff;--text-secondary: #ebebf5cc;--text-muted: #8e8e93;--text-dim: #48484a;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Helvetica Neue,sans-serif;background-color:#0b0e14;background-image:radial-gradient(at 0% 0%,rgba(10,132,255,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(94,92,230,.12) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.5;letter-spacing:-.015em;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.2}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:4px}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s}.ios-group{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.ios-row{display:flex;align-items:center;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.75rem}.ios-row:last-child{border-bottom:none}.ios-row-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-row-label{flex:1;font-size:.95rem;font-weight:500;color:var(--text-main)}.ios-row-value{font-size:.9rem;color:var(--text-muted)}.glass-input{background:var(--bg-card-2);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.95rem;outline:none;width:100%;transition:border-color .2s}.glass-input:focus{border-color:var(--primary)}.glass-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.25rem;font-weight:600;font-size:.9rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:opacity .15s,transform .1s;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-card-2);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#3a3a3c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-hadir{background:var(--success-bg);color:var(--success)}.badge-izin{background:var(--primary-light);color:var(--primary)}.badge-alfa{background:var(--danger-bg);color:var(--danger)}.badge-terlambat,.badge-sakit{background:var(--warning-bg);color:var(--warning)}@keyframes pulse-ring{0%{box-shadow:0 0 #30d15899}70%{box-shadow:0 0 0 8px #30d15800}to{box-shadow:0 0 #30d15800}}.gps-pulse{width:10px;height:10px;border-radius:50%;background:var(--success);animation:pulse-ring 2s infinite;flex-shrink:0}.gps-pulse-out{background:var(--danger);animation:none}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.app-container{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem;min-height:calc(100vh - 64px);padding-bottom:env(safe-area-inset-bottom,1.5rem)}.divider{height:1px;background:var(--border-color);margin:0}@media (max-width: 640px){.app-container{padding:1rem .85rem}.btn{min-height:44px}.modal-backdrop{padding:.5rem;align-items:flex-end}.modal-backdrop>.glass-panel,.modal-backdrop>div>.glass-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh;overflow-y:auto;width:100%}}