.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-head .brand{min-width:0;padding:0 5px}.sidebar-head .brand-logo{width:174px}.sidebar-head .sidebar-toggle{width:34px;height:34px;min-width:34px;padding:8px;margin:0;border:1px solid #ffffff14;border-radius:10px;background:#ffffff0a;align-self:center}.sidebar-head .sidebar-toggle:hover{background:#ffffff19}.sidebar-toggle .icon{width:16px;height:16px;transition:transform .2s}.sidebar-collapsed .sidebar-toggle .icon{transform:rotate(180deg)}.sidebar-collapsed .sidebar-head{justify-content:center}.sidebar-collapsed .sidebar-head .sidebar-toggle{margin:0}.shell{transition:grid-template-columns .2s ease}
.ux-detail{max-width:1500px;margin:auto;color:#24324d}.ux-heading>.ghost{padding-left:0;margin-bottom:12px;color:#6e7788}.ux-heading .page-head{margin-bottom:22px}.ux-heading .page-head h1{font-size:28px;overflow-wrap:anywhere}.ux-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.ux-main,.ux-side{display:flex;flex-direction:column;gap:18px;min-width:0}.ux-side{align-self:start;position:sticky;top:20px}.ux-card{background:white;border:1px solid #e5e8ee;border-radius:18px;box-shadow:0 12px 40px #18223408;overflow:hidden}.ux-pad{padding:22px}.ux-card h2{font-size:15px;margin:0 0 16px}.ux-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e5e8ee;border-radius:14px;overflow:hidden}.ux-metric{padding:16px;min-width:0;border-bottom:1px solid #edf0f4}.ux-metric:nth-child(odd){border-right:1px solid #edf0f4}.ux-metric:nth-last-child(-n+2){border-bottom:0}.ux-metric small,.ux-box>small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#778294;margin-bottom:8px}.ux-metric strong{display:block;font-size:14px;overflow-wrap:anywhere}.ux-metric>span{display:block;font-size:12px;color:#6e7788;margin-top:6px}.ux-callout{padding:16px;margin-top:18px;border:1px solid #f7dfae;border-radius:13px;background:#fff5df;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}.ux-callout p{margin:5px 0 0;line-height:1.6}.ux-callout button{flex-shrink:0}.ux-tabs{display:flex;gap:8px;padding:0 18px;border-bottom:1px solid #e5e8ee;overflow:auto}.ux-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:18px 10px;background:transparent;color:#6e7788;white-space:nowrap}.ux-tabs button.active{color:#d6510b;border-bottom-color:#ed610b}.ux-tab-panel{padding:22px}.ux-tab-panel[hidden]{display:none}.ux-box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ux-box{padding:16px;background:#fafbfc;border:1px solid #edf0f4;border-radius:12px;min-width:0;font-size:14px;line-height:1.7}.ux-box .prewrap{overflow-wrap:anywhere}.ux-action-stack{display:flex;flex-direction:column;gap:10px}.ux-action-stack>button,.ux-action-stack>a{justify-content:flex-start;width:100%}.ux-action-stack details{border-top:1px solid #edf0f4;margin-top:6px;padding-top:16px}.ux-action-stack summary{cursor:pointer;font-size:13px;color:#6e7788}.ux-action-stack details button{margin-top:12px;width:100%}.ux-status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf0f4;padding:12px 0;font-size:12px;overflow-wrap:anywhere}.ux-status-row:last-child{border-bottom:0}.ux-status-row strong{text-align:right}.ux-status-row small{display:block;margin-top:5px;color:#6e7788}.ux-ok{color:#198754}.ux-pending{color:#ac6600}.ux-person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f4;min-width:0}.ux-person>div{min-width:0;flex:1;overflow-wrap:anywhere}.ux-person p{font-size:13px;color:#6e7788;margin:5px 0}.ux-person small{font-size:12px;color:#6e7788}.ux-person h2{margin:0}.ux-person:last-child{border:0}.ux-hero-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.ux-hero-head .ux-person{border:0;padding:0}.ux-hero-head .actions{flex-wrap:wrap}.ux-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere}.ux-history-row:last-child{border:0}.ux-history-row>div{min-width:0}.ux-history-row strong{display:block;font-size:14px}.ux-history-row p,.ux-history-row small{font-size:12px;color:#6e7788;line-height:1.7}.ux-failed{border-left:3px solid #c43d3d;padding-left:14px}
#modal:has(#directory-client-form),#modal:has(#task-form),#modal:has(#edit-task-form){position:fixed;inset:0 0 0 auto;margin:0;width:min(700px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px;padding:0;overflow:hidden}#modal:has(#directory-client-form)[open],#modal:has(#task-form)[open],#modal:has(#edit-task-form)[open]{display:flex;flex-direction:column}#modal:has(#directory-client-form) .modal-head,#modal:has(#task-form) .modal-head,#modal:has(#edit-task-form) .modal-head{flex-shrink:0;padding:22px 26px}#directory-client-form,#task-form,#edit-task-form{display:flex;flex-direction:column;min-height:0;flex:1}#directory-client-form .modal-body,#task-form .modal-body,#edit-task-form .modal-body{overflow:auto;max-height:none;min-height:0;flex:1;padding:24px}#directory-client-form .modal-foot,#task-form .modal-foot,#edit-task-form .modal-foot{flex-shrink:0;background:white;padding:16px 24px;border-top:1px solid #e5e8ee}.ux-form-section{padding:22px 0;border-top:1px solid #e5e8ee}.ux-form-section:first-of-type{border:0;padding-top:0}.ux-form-section:last-child{padding-bottom:0}.ux-form-section h3{font-size:14px;margin-bottom:18px}.ux-form-section .form-grid{gap:16px}.ux-form-section .form-field{min-width:0}.ux-upload{background:#fafbfc;border:1px dashed #d8dee7;padding:18px;border-radius:12px;margin:12px 0}.ux-upload input{max-width:100%}.ux-form-section .participant-picker{display:grid;grid-template-columns:1fr;border:0;margin:0;padding:0;gap:10px}.ux-form-section .participant-picker legend{font-size:14px;font-weight:650;padding:0 0 16px}.ux-form-section .participant-picker label{padding:12px 14px;border:1px solid #e5e8ee;border-radius:12px}.ux-form-section .participant-picker small{display:block;margin-top:4px;color:#6e7788}.ux-form-section .notification-choice{line-height:1.6}
@media(min-width:1700px){.ux-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-metric{border-bottom:0;border-right:1px solid #edf0f4}.ux-metric:last-child{border:0}}
@media(max-width:1200px){.ux-layout{grid-template-columns:minmax(0,1fr)}.ux-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ux-hero-head{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:850px){.sidebar-head .brand{display:none}.sidebar-head{justify-content:center}}
@media(max-width:620px){.sidebar-head .brand{display:block}.ux-side,.ux-box-grid,.ux-metrics{grid-template-columns:1fr}.ux-metric{border-right:0!important;border-bottom:1px solid #edf0f4!important}.ux-metric:last-child{border-bottom:0!important}.ux-callout{align-items:flex-start;flex-direction:column}.ux-pad,.ux-tab-panel{padding:16px}.ux-heading .page-head{flex-direction:column}.ux-heading .page-head .actions{max-width:none}.ux-person{flex-wrap:wrap}.ux-detail .page-head p{max-width:none}.ux-heading .page-head h1{font-size:24px}#modal:has(#directory-client-form),#modal:has(#task-form),#modal:has(#edit-task-form){border-radius:0}.ux-form-section .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.shell,.sidebar-toggle .icon{transition:none}}