@import url('./tokens.css');
.tr-auth{max-width:640px;margin:auto}.tr-auth h1{font-size:clamp(30px,5vw,48px);line-height:1.1}.tr-field{display:grid;gap:var(--tr-space-2);margin-bottom:var(--tr-space-4);font-weight:600}.tr-field input,.tr-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--tr-border);border-radius:var(--tr-radius-sm);padding:12px;font:inherit;background:var(--tr-surface);color:var(--tr-text)}.tr-button{border:0;border-radius:var(--tr-radius-sm);padding:12px 24px;background:var(--tr-info);color:white;font:inherit;font-weight:700;cursor:pointer}.tr-button:disabled{opacity:.65;cursor:wait}.tr-field input:focus-visible,.tr-field textarea:focus-visible,.tr-button:focus-visible,a:focus-visible{outline:3px solid var(--tr-primary);outline-offset:3px}[role=status]:empty{display:none}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--tr-bg);color:var(--tr-text)}body{margin:0}.tr-shell{max-width:1180px;margin:0 auto;padding:64px 24px}.tr-hero{background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-radius-lg);padding:56px;box-shadow:var(--tr-shadow)}.tr-eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--tr-primary)}h1{font-size:clamp(36px,6vw,72px);line-height:.98;margin:10px 0 18px;max-width:900px}p{line-height:1.7;color:var(--tr-muted);max-width:760px}@media(max-width:640px){.tr-shell{padding:24px 14px}.tr-hero{padding:30px 22px}}
/* Application shell, dashboard and notification center. */
.tr-app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);grid-template-areas:"top top" "side main"}.tr-topbar{grid-area:top;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--tr-space-5);padding:0 var(--tr-space-5);background:var(--tr-surface);border-bottom:1px solid var(--tr-border)}.tr-brand{font-size:.8rem;font-weight:800;letter-spacing:.16em;color:var(--tr-primary);text-decoration:none}.tr-work-context{display:grid;line-height:1.25;margin-right:auto}.tr-work-context span{font-size:.75rem;color:var(--tr-muted)}.tr-sidebar{grid-area:side;padding:var(--tr-space-5);background:#132331;display:flex;flex-direction:column;gap:var(--tr-space-2)}.tr-sidebar a{color:#dcebf3;text-decoration:none;border-radius:var(--tr-radius-sm);padding:11px 12px}.tr-sidebar a:hover,.tr-sidebar a:focus-visible,.tr-sidebar a[aria-current=page]{background:rgba(255,255,255,.12);color:white}.tr-app-main{grid-area:main;min-width:0;padding:var(--tr-space-6);max-width:1400px;width:100%}.tr-icon-button{display:none;border:1px solid var(--tr-border);background:var(--tr-surface);border-radius:var(--tr-radius-sm);padding:8px 10px;font:inherit}.tr-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tr-space-5);margin-bottom:var(--tr-space-5)}.tr-page-header h1{font-size:clamp(30px,4vw,48px);line-height:1.05}.tr-stat-grid,.tr-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tr-space-4);margin-bottom:var(--tr-space-5)}.tr-stat,.tr-module-card{display:grid;gap:var(--tr-space-2);padding:var(--tr-space-5);border:1px solid var(--tr-border);border-radius:var(--tr-radius);background:var(--tr-surface);color:var(--tr-text);text-decoration:none}.tr-stat strong{font-size:2rem;color:var(--tr-info)}.tr-stat span,.tr-module-card span{color:var(--tr-muted)}.tr-module-card:hover,.tr-stat:hover{border-color:var(--tr-primary);box-shadow:var(--tr-shadow)}.tr-notification-link{margin-left:auto}.tr-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--tr-danger);color:#fff;font-size:.75rem;font-weight:800}.tr-notification-list{display:grid;gap:var(--tr-space-3);margin-bottom:var(--tr-space-5)}.tr-notification{padding:var(--tr-space-5);background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-radius)}.tr-notification.is-unread{border-left:5px solid var(--tr-primary)}.tr-notification-head{display:flex;align-items:start;justify-content:space-between;gap:var(--tr-space-4)}.tr-notification h2{font-size:1.05rem;margin:0}.tr-notification time{white-space:nowrap;color:var(--tr-muted);font-size:.85rem}.tr-switch{display:flex;align-items:center;gap:var(--tr-space-2)}
@media(max-width:900px){.tr-app{grid-template-columns:1fr;grid-template-areas:"top" "main"}.tr-icon-button{display:inline-block}.tr-sidebar{position:fixed;z-index:30;left:0;top:72px;bottom:0;width:min(280px,85vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--tr-shadow)}.tr-nav-open .tr-sidebar{transform:translateX(0)}.tr-app-main{padding:var(--tr-space-5)}.tr-stat-grid,.tr-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-work-context{display:none}}
@media(max-width:560px){.tr-topbar{gap:var(--tr-space-3);padding:0 var(--tr-space-3)}.tr-topbar>a:last-child{display:none}.tr-notification-link{font-size:0}.tr-notification-link .tr-count{font-size:.75rem}.tr-app-main{padding:var(--tr-space-4)}.tr-stat-grid,.tr-module-grid{grid-template-columns:1fr}.tr-page-header,.tr-notification-head{display:grid}.tr-notification time{white-space:normal}}
/* Shared directory, form and table components. */
[hidden]{display:none!important}.tr-directory h1{font-size:clamp(30px,5vw,46px);line-height:1.15}.tr-toolbar{display:flex;align-items:center;gap:var(--tr-space-4);flex-wrap:wrap;margin-bottom:var(--tr-space-5)}.tr-toolbar .tr-field{flex:1;min-width:180px;margin:0}.tr-panel{background:var(--tr-surface);border:1px solid var(--tr-border);border-radius:var(--tr-radius);padding:var(--tr-space-5);margin-bottom:var(--tr-space-5)}.tr-form-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tr-space-4)}.tr-field select{width:100%;padding:12px;border:1px solid var(--tr-border);border-radius:var(--tr-radius-sm);background:var(--tr-surface);color:var(--tr-text);font:inherit}.tr-field select:focus-visible{outline:3px solid var(--tr-primary);outline-offset:3px}.tr-field-error{color:var(--tr-danger);font-size:.875rem}.tr-field [aria-invalid=true]{border-color:var(--tr-danger)}.tr-button-secondary{background:var(--tr-bg);color:var(--tr-text);border:1px solid var(--tr-border)}.tr-table-wrap{overflow-x:auto;margin-bottom:var(--tr-space-5)}.tr-table{border-collapse:collapse;width:100%;text-align:left}.tr-table th,.tr-table td{padding:var(--tr-space-3);border-bottom:1px solid var(--tr-border);vertical-align:top;overflow-wrap:anywhere;min-width:130px}.tr-table th{font-size:.875rem;color:var(--tr-muted)}.tr-table a{font-weight:600;color:var(--tr-info)}.tr-confirm{border:1px solid var(--tr-warning);border-radius:var(--tr-radius-sm);padding:var(--tr-space-4);margin-top:var(--tr-space-4)}.tr-confirm button{margin:var(--tr-space-1)}.tr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{color:var(--tr-text);opacity:.8}@media(max-width:640px){.tr-form-grid{grid-template-columns:1fr}.tr-panel{padding:var(--tr-space-4)}.tr-toolbar{align-items:stretch}.tr-toolbar .tr-field{flex-basis:100%}}
