:root{--bg:#565655;--panel:#3d3d3c;--panel-raised:#2b2b2a;--border:rgba(255,255,255,0.12);--text:#f5f5f4;--muted:#c2c2c0;--accent:#009aca}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.page{max-width:960px;margin:0 auto;padding:32px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:28px}.logo{height:48px;width:auto}.portal-label{font-size:15px;font-weight:700;letter-spacing:.01em}.topbar-right{gap:20px}.topbar-right,.user-block{display:flex;align-items:center}.user-block{gap:12px;font-size:14px;color:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#ffffff}.btn-danger{background:#d6483f;border-color:#d6483f;color:#ffffff;gap:8px}.btn-danger:hover{border-color:#f0685e;background:#c73f36}.title{font-size:28px;font-weight:700;margin:0 0 32px}.section-divider{border-top:1px solid var(--border);margin:40px 0 28px}.section-title{font-size:20px;font-weight:700;margin:0 0 20px}.subtitle{color:var(--muted);font-size:14px;margin:0 0 28px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.app-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text);transition:border-color .15s ease}.app-card:hover{border-color:var(--accent)}.app-card[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.app-name{font-size:16px;font-weight:700}.app-name--icon{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:4px}.app-card--logo{align-items:center;justify-content:center;text-align:center;padding:28px 20px}.app-logo{height:48px;width:auto;object-fit:contain;margin-bottom:4px}.app-logo-badge{background:#ffffff;border-radius:8px;padding:10px 16px;margin-bottom:4px;display:inline-flex}.app-logo-badge .app-logo{margin-bottom:0}.app-desc{font-size:13px;color:var(--muted);line-height:1.4}.app-footer{display:flex;flex-direction:column;gap:4px}.app-badge{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.app-under-development{font-size:12px;font-weight:700;color:#f2c94c}.notice{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 24px;line-height:1.6;font-size:14px}.notice code{background:var(--panel-raised);padding:2px 6px;border-radius:4px;font-size:13px}.signin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(0,154,202,.16),transparent 60%),var(--bg)}.signin-card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--panel) 0,var(--panel-raised) 160%);border:1px solid var(--border);border-radius:16px;padding:40px 36px 34px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35),0 2px 10px rgba(0,0,0,.25)}.signin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#6fd3ff)}.signin-card .logo{height:54px;margin-bottom:24px}.signin-title{font-size:21px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.signin-error{background:rgba(240,86,74,.14);color:#f0564a;border:1px solid rgba(240,86,74,.4);border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 16px}.signin-form{gap:14px;text-align:left;margin-bottom:8px}.signin-form,.signin-label{display:flex;flex-direction:column}.signin-label{gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.signin-label input{font-family:inherit;font-size:14px;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;padding:9px 12px}.signin-label input:focus{outline:none;border-color:var(--accent)}.signin-submit{width:100%;justify-content:center;margin-top:4px}.signin-ms-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;padding:13px 16px;border-radius:10px;box-shadow:0 10px 24px rgba(0,154,202,.35);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.signin-ms-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,154,202,.45)}.signin-ms-btn:active{transform:translateY(0)}.signin-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:20px 0}.signin-divider:after,.signin-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.tool-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.tool-field{display:flex;flex-direction:column;gap:6px}.tool-field label{font-size:13px;font-weight:600;color:var(--muted)}.tool-field input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:15px;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;padding:9px 10px;color-scheme:dark}.tool-field input[type=date]:focus{outline:none;border-color:var(--accent)}.tool-today-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin-top:10px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.tool-today-link:hover{text-decoration:underline}.tool-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:28px;cursor:pointer}.tool-checkbox input{width:auto}.tool-result{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px 28px}.tool-result-note{font-size:13px;color:var(--muted);margin-bottom:10px}.tool-result-headline{font-size:24px;font-weight:700;margin-bottom:6px}.tool-result-sub{font-size:14px;color:var(--muted)}