.drawer-tabs{border-bottom:1px solid var(--line);background:#fff;padding:0 20px;display:flex;overflow:auto}.drawer-tabs button{color:var(--muted);background:0 0;border:0;padding:13px 12px;font-size:10px;font-weight:800}.drawer-tabs button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.conversation>div{gap:10px;margin-bottom:14px;display:flex}.conversation>div>b{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.conversation p,.conversation strong,.conversation span,.conversation small{margin:0;display:block}.conversation p{border:1px solid var(--line);background:#fff;border-radius:11px;flex:1;padding:10px 12px}.conversation strong{font-size:10px}.conversation span{margin:5px 0;font-size:11px}.conversation small{color:var(--muted);font-size:9px}.upload-box{text-align:center;cursor:pointer;background:#fff;border:1.5px dashed #bbc5dc;border-radius:14px;padding:28px;display:grid}.upload-box input{display:none}.upload-box strong{color:var(--blue);font-size:12px}.upload-box span{color:var(--muted);margin-top:5px;font-size:9px}.files>a{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:11px;margin-top:8px;padding:12px;text-decoration:none;display:flex}.files>a>i{color:var(--blue);font-size:8px;font-style:normal;font-weight:800}.files>a p{flex:1;margin:0}.files>a strong,.files>a span{font-size:10px;display:block}.files>a span{color:var(--muted);margin-top:3px}.purchase-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.purchase-form label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.purchase-form input,.receive-field input,.setting input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:10px}.purchase-form button{grid-column:1/-1;justify-self:end}.receive-field{align-items:center;gap:5px;display:flex}.receive-field input{width:72px;padding:7px}.comment-box{gap:8px;display:flex!important}.comment-box input{flex:1}.toggle-user,.setting>button{background:0 0;border:0}.settings-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.options-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.option-panel>div:last-child{flex-wrap:wrap;gap:7px;padding:16px;display:flex}.option-panel>div:last-child span{background:var(--blue-soft);color:var(--blue);border-radius:9px;padding:7px 9px;font-size:10px}.suite-note{background:var(--blue-soft);border-radius:10px;margin:auto 14px 12px;padding:12px}.suite-note strong,.suite-note span{display:block}.suite-note strong{color:var(--blue);font-size:10px}.suite-note span{color:var(--muted);margin-top:4px;font-size:8px}.overdue-row{box-shadow:inset 3px 0 #e36a5b}.overdue-text{font-weight:800;color:#b7473e!important}@media (width<=760px){.purchase-form,.options-grid{grid-template-columns:1fr}.drawer-tabs{padding:0 8px}}.purchase-hint{background:var(--blue-soft);color:#53627c;border-radius:10px;grid-column:1/-1;padding:11px 12px;font-size:11px;line-height:1.5}.purchase-hint b{color:var(--blue)}.purchase-readonly>p{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800}.purchase-readonly dl{grid-template-columns:1fr 1fr;gap:10px;display:grid}.purchase-readonly dl div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.purchase-readonly dt{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.purchase-readonly dd{margin:5px 0 0;font-size:11px;font-weight:700}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.invoice-list{margin-bottom:18px}.invoice-row{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 16px;display:flex}.invoice-row strong,.invoice-row small{display:block}.invoice-row strong{font-size:12px}.invoice-row small{color:var(--muted);margin-top:4px;font-size:10px}.invoice-modal{background:#f7f9fd;border-radius:16px;width:min(680px,100vw - 24px);max-height:calc(100vh - 20px);overflow:auto;box-shadow:0 18px 60px #14214744}.overlay:has(.invoice-modal){place-items:center;padding:10px;display:grid}.invoice-modal .drawer-head{padding:16px 20px}.invoice-modal .drawer-head h2{font-size:20px}.invoice-modal>.purchase-hint{margin:14px 16px 12px;padding:10px 12px}.invoice-modal>.primary{margin:0 16px 16px}.invoice-form{grid-template-columns:1fr 1fr;gap:10px 12px;padding:0 16px 12px;display:grid}.invoice-form label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:10px;font-weight:800;display:grid}.invoice-form input{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:9px 11px}.invoice-form .invoice-cost-input{letter-spacing:.02em;font-size:16px;font-weight:800}.invoice-picker{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 16px 12px;padding:12px}.invoice-picker>strong{margin-bottom:8px;font-size:11px;display:block}.invoice-picker label{border-top:1px solid var(--line);cursor:pointer;gap:10px;padding:9px 0;display:flex}.invoice-picker label:has(input:checked){background:var(--blue-soft);border-radius:8px;margin:0 -8px;padding:10px 8px}.invoice-picker span,.invoice-picker small{display:block}.invoice-modal>.primary{width:calc(100% - 32px)}.invoice-modal .login-error{margin:0 16px 12px}.invoice-picker small{color:var(--muted);margin-top:3px;font-size:10px}.item-state{justify-items:end;gap:6px;display:grid}.item-actions{gap:6px;display:flex}.item-actions button{padding:6px 8px;font-size:9px}@media (width<=760px){.purchase-metrics{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(3,1fr)}.invoice-form{grid-template-columns:1fr}.invoice-modal{border-radius:14px 14px 0 0;width:100%;max-height:100dvh;position:absolute;bottom:0}.overlay:has(.invoice-modal){padding:0;display:block}.invoice-modal .drawer-head{padding:14px 16px}.invoice-modal>.purchase-hint{margin:10px 12px}.invoice-form{gap:8px;padding:0 12px 10px}.invoice-picker{margin:0 12px 10px}.invoice-modal>.primary{width:calc(100% - 24px);margin:0 12px 12px}.invoice-row{flex-direction:column;align-items:flex-start;gap:5px}}.purchase-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.purchase-metrics>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px}.purchase-metrics span,.purchase-metrics small{color:var(--muted);font-size:10px;display:block}.purchase-metrics strong{color:var(--ink);margin:8px 0 4px;font-size:23px;display:block}.purchase-metrics strong small{font-size:11px;font-weight:700;display:inline}.monthly-summary{margin-bottom:18px}.month-grid{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.month-grid button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;background:#fff;padding:13px}.month-grid button:hover,.month-grid button.active{background:var(--blue-soft)}.month-grid strong,.month-grid span,.month-grid small{display:block}.month-grid strong{color:var(--blue);text-transform:uppercase;font-size:10px}.month-grid span{margin:6px 0;font-size:12px;font-weight:800}.month-grid small{color:var(--muted);font-size:8px}.purchase-tabs{gap:5px;display:flex}.purchase-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.purchase-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.purchase-table td{vertical-align:middle}.purchase-table td small{margin-top:4px;display:block}.purchase-table em{color:var(--muted);font-size:10px;font-style:normal}@media (width<=760px){.purchase-metrics{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(3,1fr)}.purchase-readonly dl{grid-template-columns:1fr}.purchase-tabs{max-width:75vw;overflow:auto}.purchase-tabs button{white-space:nowrap}}.preview-role{border:1px solid var(--line);color:var(--blue);white-space:nowrap;background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800}.suite-note{text-align:left;cursor:pointer;border:0}.workspace-switcher{background:#f7f9fd;border-radius:18px;width:min(590px,100vw - 32px);padding:22px}.workspace-intro{color:var(--muted);margin:0 0 16px;font-size:12px}.app-switch-grid{gap:10px;display:grid}.app-switch-grid button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.app-switch-grid button:hover{background:var(--blue-soft);border-color:#8ea4d1}.app-switch-grid button.current{border-color:var(--blue);background:var(--blue-soft)}.app-switch-grid i{color:var(--blue);text-align:center;width:26px;font-size:20px;font-style:normal}.app-switch-grid p{flex:1;margin:0}.app-switch-grid strong,.app-switch-grid span{display:block}.app-switch-grid strong{font-size:12px}.app-switch-grid span{color:var(--muted);margin-top:3px;font-size:10px}.app-switch-grid b{color:var(--blue);font-size:10px}.approval-summary{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:18px;padding:20px}.approval-summary .page-heading{margin-bottom:14px}.approval-summary .page-heading h1{font-size:23px}.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-metrics>div{border:1px solid var(--line);background:#fafbff;border-radius:12px;min-width:0;padding:14px}.summary-metrics span,.summary-metrics strong,.summary-metrics small{display:block}.summary-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.summary-metrics strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 4px;font-size:19px;overflow:hidden}.summary-metrics small{color:var(--muted);font-size:10px;line-height:1.4}.month-select{color:var(--muted);text-transform:uppercase;gap:5px;font-size:9px;font-weight:800;display:grid}.month-select select{border:1px solid var(--line);min-width:150px;color:var(--ink);background:#fff;border-radius:9px;padding:9px 10px;font-size:11px}.approval-metrics{margin-bottom:0}@media (width<=760px){.approval-summary .page-heading{gap:14px;display:grid}.summary-metrics{grid-template-columns:1fr}.month-select select{width:100%}.preview-role{padding:7px;font-size:9px}.global-search{min-width:0}.content{padding:18px 14px}.page-heading h1{font-size:25px}.table-wrap{overflow-x:auto}.table-wrap table{min-width:720px}.drawer{width:100%;max-width:100%}.drawer-actions{background:#fff;position:sticky;bottom:0}.metrics,.purchase-metrics,.user-grid,.settings-grid,.options-grid{grid-template-columns:1fr}}.notifications-pop{border:1px solid var(--line);width:330px;max-height:460px;box-shadow:var(--shadow);z-index:80;background:#fff;border-radius:14px;position:absolute;top:64px;right:70px;overflow:auto}.notifications-pop>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px;display:flex}.notifications-pop h3{margin:0;font-size:13px}.notifications-pop>div button{background:0 0;border:0}.notifications-pop>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:12px;display:grid}.notifications-pop>button.unread{background:#f5f7ff}.notifications-pop strong,.notifications-pop span,.notifications-pop small{display:block}.notifications-pop strong{font-size:10px}.notifications-pop span{color:var(--muted);margin:4px 0;font-size:10px}.notifications-pop small{color:#9aa3b5;font-size:8px}.notifications-pop>p{color:var(--muted);padding:20px;font-size:10px}@media (width<=760px){.notifications-pop{width:auto;position:fixed;top:72px;left:12px;right:12px}}.user-stats{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px;display:grid}.user-stats>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.user-stats strong,.user-stats span{display:block}.user-stats strong{font-size:23px}.user-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:9px}.user-card p>small{color:#8a94a8;margin-top:4px;font-size:8px;display:block}.role-pill{color:#46526c;white-space:nowrap;background:#f0f3fa;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800}.user-card>.secondary{padding:8px 12px}.toggle-user{cursor:pointer;background:0 0;border:0}.account-modal{background:#fff;border-radius:18px;width:min(680px,100% - 28px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #141c3033}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.modal-head p,.modal-head h2{margin:0}.modal-head p{color:var(--blue);letter-spacing:.13em;margin-bottom:5px;font-size:8px;font-weight:800}.modal-head h2{font-size:19px}.modal-head>button{background:#f1f3f8;border:0;border-radius:9px;width:32px;height:32px;font-size:20px}.account-modal form{padding:24px}.account-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account-grid label{text-transform:uppercase;letter-spacing:.05em;color:#69748a;gap:7px;font-size:9px;font-weight:800;display:grid}.account-grid input,.account-grid select{text-transform:none;background:#fff;border:1px solid #dce1eb;border-radius:9px;width:100%;padding:11px}.account-grid small{color:var(--muted);text-transform:none;font-size:8px;font-weight:500}.modal-actions{justify-content:flex-end;gap:9px;margin-top:21px;display:flex}@media (width<=760px){.user-stats{grid-template-columns:1fr}.user-card{flex-wrap:wrap;align-items:flex-start}.user-card p{min-width:calc(100% - 60px)}.account-grid{grid-template-columns:1fr}.account-modal form{padding:18px}}