@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap");:root{--pri:#0b1120;--acc:#1a3fa0;--cta:#1e4fd8;--tint:#e8eefb;--bg:#f6f9fc;--body:#425466;--cap:#8294a7;--brd:#e0e6eb;--ok:#16a34a;--err:#dc2626;--warn:#d97706;--font:"Urbanist",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--pri);-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:var(--font)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.card>div{animation:fadeIn .3s ease-out}.input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--brd);font-size:14px;color:var(--pri);outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--cta);box-shadow:0 0 0 3px rgba(30,79,216,.08)}.input-sm{width:120px}.textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--brd);font-size:14px;color:var(--pri);outline:none;background:#fff;resize:vertical;min-height:60px;transition:border-color .2s}.textarea:focus{border-color:var(--cta)}.textarea-lg{min-height:120px}.note-field{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--brd);font-size:13px;color:var(--body);outline:none;resize:vertical;min-height:44px;margin-top:8px;background:#fafbfc;transition:border-color .2s}.note-field:focus{border-color:var(--cta)}.btn{width:100%;padding:13px;border-radius:8px;border:none;background:var(--cta);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s}.btn:hover{background:#1843b5;box-shadow:0 4px 12px rgba(30,79,216,.25)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.btn-ghost{width:100%;padding:13px;border-radius:8px;border:1px solid var(--brd);background:transparent;color:var(--body);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-ghost:hover{background:var(--bg);border-color:var(--cap)}.card{background:#fff;border-radius:12px;border:1px solid var(--brd);border-left:4px solid var(--acc);padding:28px}.card-warn{border-left-color:var(--warn)}.card-sm{padding:18px}.overline{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--acc);margin-bottom:4px}.header{background:linear-gradient(135deg,#0b1120,#1a3fa0);padding:14px 24px;justify-content:space-between;flex-wrap:wrap}.header,.header-logo{display:flex;align-items:center;gap:8px}.header-icon{width:26px;height:26px;border-radius:6px;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.header-title{font-weight:700;font-size:16px;color:#fff}.header-user{display:flex;align-items:center;gap:12px;padding:5px 14px;border-radius:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.12)}.header-user span{font-size:13px;color:hsla(0,0%,100%,.8)}.header-user button{background:none;border:none;color:hsla(0,0%,100%,.4);font-size:12px;cursor:pointer;font-family:var(--font);transition:color .2s}.header-user button:hover{color:hsla(0,0%,100%,.8)}.login-bg{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0b1120,#1a3fa0 50%,#0b1120);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:28px}.login-input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:#fff;font-size:14px;outline:none;transition:border-color .2s}.login-input::placeholder{color:hsla(0,0%,100%,.3)}.login-input:focus{border-color:hsla(0,0%,100%,.4)}.login-tabs{display:flex;margin-bottom:24px;border-radius:8px;overflow:hidden;border:1px solid hsla(0,0%,100%,.15)}.login-tab{flex:1 1;padding:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .2s}.login-tab-active{background:rgba(30,79,216,.6);color:#fff}.login-tab-inactive{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4)}.dash-card{background:var(--pri);border-radius:12px;padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:box-shadow .25s,transform .2s}.dash-card:hover{box-shadow:0 0 0 3px rgba(30,79,216,.12),0 4px 20px rgba(30,79,216,.15);transform:translateY(-1px)}.score-card{background:var(--pri);border-radius:12px;padding:24px;text-align:center;flex:1 1;min-width:140px;transition:transform .2s,box-shadow .2s}.score-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(11,17,32,.3)}.radio-opt{padding:12px 16px;border-radius:8px;cursor:pointer;border:1.5px solid var(--brd);border-left:4px solid transparent;background:#fff;display:flex;align-items:center;gap:12px;transition:all .2s}.radio-opt:hover{background:#fafbfc;border-color:var(--cap);box-shadow:0 1px 4px rgba(11,17,32,.04)}.radio-opt-sel{border-color:var(--cta);border-left:4px solid var(--cta);background:rgba(30,79,216,.03)}.radio-opt-sel:hover{background:rgba(30,79,216,.05);border-color:var(--cta)}.radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--cap);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s}.radio-dot-sel{border-color:var(--cta)}.radio-dot-inner{width:10px;height:10px;border-radius:50%;background:var(--cta)}.check-opt{padding:10px 14px;border-radius:8px;cursor:pointer;border:1.5px solid var(--brd);border-left:4px solid transparent;background:#fff;display:flex;align-items:center;gap:10px;transition:all .2s}.check-opt:hover{background:#fafbfc;border-color:var(--cap)}.check-opt-sel{border-color:var(--cta);border-left:4px solid var(--cta);background:rgba(30,79,216,.03)}.check-box{width:18px;height:18px;border-radius:4px;border:2px solid var(--cap);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.check-box-sel{border-color:var(--cta);background:var(--cta)}.bar-track{background:var(--brd)}.bar-fill,.bar-track{height:7px;border-radius:4px}.bar-fill{transition:width .8s cubic-bezier(.4,0,.2,1)}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:all .3s}.step-line{height:2px;flex:1 1;margin:0 3px;transition:background .3s}.ssi-link{padding:12px 16px;background:var(--pri);border-radius:8px;margin-bottom:16px;font-family:monospace;font-size:14px;font-weight:600;color:#fff}.ampel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.badge{font-size:11px;font-weight:600;padding:4px 12px;border-radius:5px}.cat-card{margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid var(--brd);padding:12px 16px;transition:transform .2s}.cat-card:hover{transform:translateX(2px)}.container{max-width:900px}.container,.container-sm{margin:0 auto;padding:28px 20px}.container-sm{max-width:700px}@media(max-width:768px){.header{padding:12px 16px}.header-title{font-size:14px}.header-user{padding:4px 10px;gap:8px}.header-user span{font-size:12px}.card,.container,.container-sm{padding:20px 16px}.card-sm{padding:14px 12px}.score-card{padding:18px;min-width:120px}.score-card:hover{transform:none}.dash-card{padding:14px 16px}.dash-card:hover{transform:none}.login-card{padding:22px 18px}.btn{padding:12px;font-size:14px}.btn-ghost{padding:12px;font-size:13px}.ssi-link{font-size:12px;padding:10px 14px}}@media(max-width:480px){.header{padding:10px 14px;gap:6px}.header-title{font-size:13px}.header-icon{width:22px;height:22px;font-size:10px}.header-user{padding:3px 8px;gap:6px;border-radius:6px}.header-user span{font-size:11px}.header-user button{font-size:10px}.card,.container,.container-sm{padding:16px 12px}.card{border-radius:10px}.card-sm{padding:12px 10px}.score-card{padding:16px 12px;min-width:100px;border-radius:10px}.dash-card{padding:12px 14px;border-radius:10px;flex-wrap:wrap;gap:8px}.login-bg{padding:16px}.login-card{padding:18px 14px;border-radius:12px}.input,.login-input,.textarea{padding:11px 14px;font-size:13px}.note-field{padding:8px 12px;font-size:12px;min-height:36px}.btn{padding:11px;font-size:13px;border-radius:8px}.btn-ghost{padding:11px;font-size:12px}.radio-opt{padding:10px 12px;gap:10px;border-radius:8px}.check-opt{padding:8px 12px;gap:8px;border-radius:8px}.radio-dot{width:16px;height:16px}.radio-dot-inner{width:8px;height:8px}.check-box{width:16px;height:16px}.overline{font-size:10px;letter-spacing:1px}.step-circle{width:24px;height:24px;font-size:9px}.ssi-link{font-size:11px;padding:8px 12px}.ampel-dot{width:8px;height:8px}.badge{font-size:10px;padding:3px 8px}.cat-card{padding:10px 12px}.bar-fill,.bar-track{height:6px}}