:root{--bg: #f4f7fb;--surface: #ffffff;--primary: #0a6ed1;--primary-dark: #0854a0;--text: #1f2d3d;--border: #dce5ef;--danger: #d64545}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0d2a4a;color:#fff;padding:1.2rem}.sidebar h1{font-size:1.1rem;margin-top:.4rem}.sidebar-logo{margin-bottom:.5rem}.nav-link{display:block;color:#bdd6f3;text-decoration:none;padding:.6rem;border-radius:8px;margin-bottom:.4rem}.nav-link.active,.nav-link:hover{background:#ffffff1f;color:#fff}.main-area{display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.8rem 1.2rem;display:flex;justify-content:space-between;align-items:center}.topbar small{display:block;color:#6a7787}.topbar-actions{display:flex;align-items:center;gap:.5rem}.content{padding:1.2rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 3px 8px #0000000a}.tile-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.tile{text-decoration:none;color:inherit;transition:transform .2s ease}.tile:hover{transform:translateY(-2px)}.tile-icon{font-size:1.8rem}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.btn{border:none;background:var(--primary);color:#fff;border-radius:8px;padding:.6rem .9rem;cursor:pointer}.btn:hover{background:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-danger{background:var(--danger)}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}input,select{border:1px solid var(--border);padding:.55rem;border-radius:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:end}.table-wrapper{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);text-align:left;padding:.6rem;vertical-align:top}.badge{background:#e6f0fb;color:var(--primary-dark);border-radius:999px;padding:.2rem .55rem;margin-left:.5rem;font-size:.8rem}.badge-warning{background:#ffe7c2;color:#8e5d00}.kpi{margin:.5rem 0}.login-screen,.fullscreen{min-height:100vh;display:grid;place-items:center}.login-card{width:min(480px,calc(100% - 2rem))}.center-card{text-align:center}.error{color:var(--danger)}.info{color:#385980}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #deecff;border-top-color:var(--primary);animation:spin .9s linear infinite;margin:0 auto 1rem}.split-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.sap-brand{display:inline-flex;align-items:center;gap:.45rem}.sap-brand img{display:block}.sap-brand-sm img{width:72px}.sap-brand-md img{width:100px}.sap-brand-lg img{width:180px}.sap-brand span{font-size:.8rem;color:#5f6d7b;font-weight:600}.login-logo{margin-bottom:.7rem}.centered-logo{display:flex;justify-content:center;margin-bottom:.4rem}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.day-cell{min-height:150px}.time-block{margin-top:.5rem;border-radius:10px;border:1px solid #cde0f5;padding:.5rem;background:#f1f7ff}.time-block .btn{margin-top:.4rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{display:flex;gap:1rem;align-items:center;overflow:auto}.sidebar nav{display:flex;gap:.4rem}.nav-link{margin:0;white-space:nowrap}}@media(prefers-color-scheme:dark){:root{--bg: #101827;--surface: #162233;--text: #e4edf7;--border: #243447}.sidebar{background:#081423}.sap-brand span{color:#bdd6f3}.time-block{background:#1a2b3f;border-color:#2f4863}}