:root{--color-primary:#4f8ef7;--color-secondary:#ff6b4a;--color-tertiary:#ffb020;--tag-fixed-bg:#e6f1fb;--tag-fixed-text:#042c53;--tag-fixed-border:#85b7eb;--tag-custom-bg:#faeeda;--tag-custom-text:#412402;--tag-custom-border:#ef9f27;--tag-dynamic-bg:#e3f7e9;--tag-dynamic-text:#0b4a24;--tag-dynamic-border:#57c285;--card-yellow-bg:#fff3d6;--card-yellow-text:#7a4b00;--card-orange-bg:#ffe4da;--card-orange-text:#7a2a12;--card-blue-bg:#e6f1fb;--card-blue-text:#042c53;--status-read:#0f6e56;--status-failed:#791f1f;--status-neutral:#6b7280;--status-neutral-bg:#f3f4f6;--empty-bg:#e6f1fb;--empty-border:#85b7eb;--empty-text:#185fa5;--accent-yellow:#ffb020;--accent-orange:#ff6b4a;--accent-blue:#4f8ef7;--border-color:#e5e7eb;--input-border:#85b7eb;--input-border-focus:#4f8ef7;--input-focus-ring:#4f8ef72e;--bg-page:#fafafa;--text-main:#1f2937;--radius-card:12px;--radius-control:8px}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-main);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--color-primary)}input,select,textarea,button{border-radius:var(--radius-control);border:.5px solid var(--border-color);padding:.5rem .65rem;font-family:inherit;font-size:.9rem}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1.5px solid var(--input-border);background:#fff}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}button{cursor:pointer;background:#fff}table{border-collapse:collapse;width:100%}th,td{border:.5px solid var(--border-color);text-align:left;padding:.6rem .75rem}.btn-outline-accent{color:var(--input-border-focus);background:#fff;font-weight:600;border:1.5px solid var(--input-border)!important}.btn-outline-accent:hover,.btn-outline-accent:focus-visible{border-color:var(--input-border-focus)!important}.top-right-logout{color:#6b7280;border-radius:var(--radius-control);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.82rem;font-weight:500;display:inline-flex}.top-right-logout:hover,.top-right-logout:focus-visible{color:var(--status-failed);background:#f3f4f6}.card{border:.5px solid var(--border-color);border-radius:var(--radius-card);background:#fff}.app-shell{min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;min-width:0;padding:1.75rem}.sidebar{height:100vh;position:sticky;top:0;overflow:hidden}.sidebar-nav-scroll::-webkit-scrollbar{width:6px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.mobile-menu-btn,.global-search-mobile-btn,.sidebar-overlay{display:none}@media (max-width:768px){.main-content{padding:4.25rem 1rem 1rem}.mobile-menu-btn{border-radius:var(--radius-control);border:.5px solid var(--border-color);z-index:101;background:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;position:fixed;top:.65rem;left:1rem}.global-search-mobile-btn{border-radius:var(--radius-control);border:.5px solid var(--border-color);z-index:101;background:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:.65rem;right:1rem}.sidebar{z-index:100;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #1118271f}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay.sidebar-overlay--open{z-index:99;background:#11182759;display:block;position:fixed;inset:0}}.global-send-fab{z-index:98;background:var(--color-primary);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #4f8ef773}@media (max-width:768px){.global-send-fab{border-radius:50%;padding:.85rem;bottom:1rem;right:1rem}.global-send-fab span{display:none}}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.quick-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-actions>*{text-align:center;width:100%}}.form-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}@media (max-width:480px){.form-actions{flex-direction:column;align-items:stretch}.form-actions>a,.form-actions>button{text-align:center;width:100%}}.calendar-week-scroll-hint{display:none}.calendar-week-grid{grid-template-columns:repeat(7,minmax(0,1fr))}@media (max-width:768px){.calendar-week-scroll-hint{color:#6b7280;margin-bottom:.5rem;font-size:.78rem;display:block}.calendar-week-grid{grid-template-columns:repeat(7,minmax(130px,1fr))}}.table-card{overflow:hidden}@media (max-width:768px){.table-card{background:0 0;border:none;border-radius:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{border:.5px solid var(--border-color);border-radius:var(--radius-card);background:#fff;margin-bottom:.75rem;overflow:hidden}.responsive-table td{text-align:right;border:none;border-bottom:.5px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex}.responsive-table tr td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);color:#6b7280;text-align:left;margin-right:auto;font-weight:600}.responsive-table td.cell-actions{text-align:right;justify-content:flex-end;display:flex}.responsive-table td.cell-actions:before{content:none}.responsive-table td.cell-groups{text-align:left;flex-wrap:wrap;justify-content:flex-start}.responsive-table td.cell-groups:before{width:100%;margin-bottom:.3rem;margin-right:0}}.modal-backdrop{z-index:50;background:#11182759;justify-content:center;align-items:flex-start;padding-top:4rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;width:480px;max-width:92vw;max-height:85vh;padding:1.5rem;overflow-y:auto}@media (max-width:640px){.modal-backdrop{align-items:flex-start;padding:1.25rem .75rem}.modal-card{width:100%;max-width:100%;max-height:90vh;padding:1.1rem}}