:root{--bg: #FAFBFC;--surface: #FFFFFF;--surface-alt: #F6F8FA;--surface-sunken: #F1F4F8;--border: #E8ECF1;--border-strong: #D5DBE4;--text-primary: #0F172A;--text-secondary: #52607A;--text-tertiary: #94A0B4;--accent: #0EA5B5;--accent-hover: #0891A3;--accent-soft: #E6F7F8;--accent-text: #0E7A87;--success: #059669;--success-soft: #ECFDF5;--success-text: #047857;--warning: #D97706;--warning-soft: #FEF3C7;--warning-text: #92400E;--danger: #DC2626;--danger-soft: #FEF2F2;--danger-text: #991B1B;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);--shadow-lg: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-focus: 0 0 0 3px rgba(14, 165, 181, .18);--sidebar-width: 248px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (font-variation-settings: normal){body{font-family:Inter var,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.phi-no-select{user-select:none;-webkit-user-select:none}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.card-hover{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.4;border:1px solid transparent}.badge-pending{background:#fef9c3;color:#92400e;border-color:#fde68a}.badge-in_review{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.badge-completed{background:#d1fae5;color:#047857;border-color:#a7f3d0}.badge-cancelled{background:#f1f4f8;color:#52607a;border-color:#d5dbe4}.badge-mild{background:#d1fae5;color:#047857;border-color:#a7f3d0}.badge-moderate{background:#fef3c7;color:#92400e;border-color:#fde68a}.badge-severe{background:#fee2e2;color:#991b1b;border-color:#fecaca}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.form-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.form-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;outline:none;background:var(--surface);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.form-input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.form-input:disabled{background:var(--surface-alt);color:var(--text-tertiary);cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;line-height:1.2;letter-spacing:-.005em;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse, #fff);box-shadow:0 1px 2px #0ea5b540}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-alt)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-alt);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 1px 2px #dc262640}.btn-danger:hover:not(:disabled){background:#b91c1c}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.data-table thead th{text-align:left;padding:12px 16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background:var(--surface)}.data-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-primary)}.data-table tbody tr:hover td{background:var(--surface-alt)}.data-table tbody tr:last-child td{border-bottom:none}.divider{height:1px;background:var(--border);margin:1.5rem 0}.phi-blur-on-unfocus{transition:filter .3s}body.window-unfocused .phi-blur-on-unfocus{filter:blur(8px)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}