#mat-app{--ink:#18243c;--muted:#7d8ba4;--blue:#466cf9;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);max-width:1000px;margin:20px auto;padding:18px;background:#f9fbff;border-radius:24px;min-height:640px;box-sizing:border-box}#mat-app *{box-sizing:border-box}#mat-app button,#mat-app input,#mat-app select{font:inherit}#mat-app button{cursor:pointer}#mat-app .mat-head,#mat-app .mat-between{display:flex;align-items:center;justify-content:space-between;gap:12px}#mat-app h1{font-size:clamp(24px,4vw,34px);margin:3px 0;font-weight:800;letter-spacing:-1px}#mat-app h2{font-size:18px;margin:0 0 12px}#mat-app .mat-muted{color:var(--muted)}#mat-app .mat-small{font-size:12px}#mat-app .mat-summary{background:linear-gradient(110deg,#446df8,#8d7af8);color:white;padding:23px;border-radius:21px;margin:22px 0}#mat-app .mat-total{font-size:clamp(28px,5vw,39px);font-weight:800;font-variant-numeric:tabular-nums;margin:5px 0 12px}#mat-app .mat-progress{height:9px;border-radius:10px;background:#ffffff55;overflow:hidden;display:flex}#mat-app .mat-progress>span{height:100%}#mat-app .mat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#mat-app .mat-card{border-radius:19px;padding:17px;min-width:0}#mat-app .mat-clock{font-size:clamp(20px,4vw,28px);font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:14px 0}#mat-app .mat-round{border:0;background:#ffffffc9;border-radius:50%;width:40px;height:40px;font-weight:700}#mat-app .mat-primary{border:0;background:var(--blue);color:#fff;padding:13px 18px;border-radius:13px;font-weight:700}#mat-app .mat-secondary{border:1px solid #dfe6f3;background:#fff;color:#263653;padding:11px 14px;border-radius:12px}#mat-app .mat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#mat-app .mat-tabs button{border:0;background:#eef2fa;color:#6c7b97;padding:10px 15px;border-radius:12px}#mat-app .mat-tabs button.active{background:#466cf9;color:#fff}#mat-app .mat-panel{background:#fff;border:1px solid #e4eaf4;padding:17px;border-radius:17px;margin:12px 0}#mat-app .mat-track{height:9px;background:#e9edf6;border-radius:10px;overflow:hidden;margin-top:9px}#mat-app .mat-track span{height:100%;display:block;background:#466cf9;border-radius:10px}#mat-app .mat-overlay{position:fixed;inset:0;background:#15243d99;display:flex;justify-content:center;align-items:center;padding:16px;z-index:999999}#mat-app .mat-dialog{background:white;border-radius:20px;padding:22px;width:min(100%,430px);max-height:90vh;overflow:auto;box-shadow:0 12px 45px #0002}#mat-app label{display:block;font-weight:700;font-size:12px;margin:14px 0 5px}#mat-app input,#mat-app select{display:block;width:100%;border:1px solid #dce3ef;border-radius:10px;padding:12px;background:#fff;color:#18243c}#mat-app .mat-error{background:#ffebef;color:#a3284d;border-radius:10px;padding:12px;margin:10px 0}#mat-app .mat-success{background:#e4f9ef;color:#13734c;border-radius:10px;padding:12px;margin:10px 0}.mat-login{max-width:500px;margin:40px auto;padding:25px;border-radius:18px;background:#f4f7ff;text-align:center}.mat-login a{color:#466cf9}@media(max-width:480px){#mat-app{margin:0;padding:15px;border-radius:0;min-height:100vh}#mat-app .mat-grid{gap:10px}#mat-app .mat-card{padding:12px}#mat-app .mat-round{width:34px;height:34px}#mat-app .mat-tabs{justify-content:space-between;gap:4px}#mat-app .mat-tabs button{padding:10px;font-size:12px}}

body.mat-standalone-page{margin:0;background:#f9fbff}body.mat-standalone-page #mat-site-main{min-height:100dvh}body.mat-standalone-page #mat-app{margin:0 auto;min-height:100dvh;border-radius:0;max-width:1120px;padding:clamp(14px,3vw,32px)}@media(min-width:1500px){#mat-app .mat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){#mat-app .mat-head{flex-wrap:wrap}#mat-app .mat-summary{padding:18px}#mat-app .mat-grid{gap:11px}#mat-app .mat-card{padding:13px}}@media(max-width:350px){#mat-app .mat-grid{grid-template-columns:1fr}#mat-app .mat-tabs{overflow-x:auto;flex-wrap:nowrap}#mat-app .mat-tabs button{white-space:nowrap}}
