*{box-sizing:border-box;margin:0;padding:0}:root{--color-darkest:#3b4f62;--color-dark:#4a6e88;--color-medium:#629bb6;--color-light:#9fb4d3;--color-lightest:#cad5e4;--bg-primary:var(--color-lightest);--bg-secondary:var(--color-lightest);--bg-surface:var(--color-lightest);--bg-input:var(--color-lightest);--border-subtle:var(--color-light);--border-focus:var(--color-medium);--border-card:var(--color-light);--text-primary:var(--color-darkest);--text-secondary:var(--color-dark);--text-muted:var(--color-dark);--text-label:var(--color-dark);--accent-primary:var(--color-medium);--accent-gradient:var(--color-medium);--accent-glow:var(--color-light);--shadow-card:0 20px 60px var(--color-dark), 0 0 40px var(--color-light);--shadow-btn:0 8px 25px var(--color-dark)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-dark);border-bottom:1px solid var(--color-darkest)}.app-header__inner{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 24px;display:flex}.app-header__brand a{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.app-nav{gap:20px;display:flex}.app-nav a{color:#fff;font-weight:500;text-decoration:none}.app-header__user{color:#fff;align-items:center;gap:16px;font-size:14px;display:flex}.app-header__user button{background:var(--color-medium);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px}.app-main{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.app-footer{text-align:center;color:var(--color-dark);padding:20px;font-size:14px}body{background:var(--color-lightest);min-height:100vh;color:var(--text-primary);font-family:Inter,sans-serif}#root{min-height:100vh}.dashboard-container{width:100%;max-width:520px;padding:20px}.dashboard-header{text-align:center;margin-bottom:32px}.dashboard-header h1{color:var(--color-darkest);margin-bottom:6px;font-size:28px;font-weight:800}.dashboard-header p{color:var(--text-muted);font-size:13px;font-weight:400}.card{background:var(--color-lightest);border:1px solid var(--border-card);box-shadow:0 20px 60px var(--color-light), 0 0 40px var(--color-light);border-radius:20px;padding:32px}.form-group{margin-bottom:22px}.form-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-label);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.form-group select,.form-group input[type=date],input[type=number]{background:var(--color-lightest);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);appearance:none;border-radius:12px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%233B4F62' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6.5 6.5 6.5-6.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-group select:focus,.form-group input[type=date]:focus,input[type=number]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-group select option{background:var(--color-lightest);color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-primary{background:var(--color-medium);width:100%;color:var(--color-lightest);cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-primary:hover{box-shadow:0 8px 25px var(--shadow-btn);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.hint{text-align:center;color:var(--text-muted);margin-top:16px;font-size:11px}.hint a{color:var(--color-dark);text-decoration:none}.hint a:hover{text-decoration:underline}.login-page{background:#cad5e4;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{z-index:2;background:#cad5e4;border:1px solid #9fb4d3;border-radius:24px;width:100%;max-width:460px;padding:40px;position:relative;box-shadow:0 20px 60px #3b4f6226}.login-card__brand{text-align:center;margin-bottom:24px}.login-card__title{color:#3b4f62;font-size:32px;font-weight:800}.login-card__divider{background:#9fb4d3;height:1px;margin:24px 0}.login-card__prompt{text-align:center;color:#4a6e88;margin-bottom:20px}.login-btn{color:#fff;cursor:pointer;background:#629bb6;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-btn:hover{background:#4a6e88;transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn__icon{flex-shrink:0;width:20px;height:20px}.login-card__note{text-align:center;color:#4a6e88;margin-top:20px;font-size:13px}.login-footer{text-align:center;color:#4a6e88;font-size:13px;position:absolute;bottom:20px;left:0;right:0}.login-bg__orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.login-bg__orb--1{background:#629bb6;width:300px;height:300px;top:-120px;left:-120px}.login-bg__orb--2{background:#9fb4d3;width:250px;height:250px;top:100px;right:-100px}.login-bg__orb--3{background:#4a6e88;width:220px;height:220px;bottom:-80px;left:40%}