.usage-page{flex-direction:column;gap:22px;min-width:0;padding-bottom:32px;display:flex}.usage-page .page-heading{margin:0;padding-top:4px}.usage-eyebrow{color:rgb(var(--accent));letter-spacing:.15em;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.usage-page .page-heading h1{letter-spacing:-.045em;font-size:clamp(28px,3vw,36px);font-weight:650}.usage-page .page-heading p{max-width:640px;margin-top:8px;font-size:13px;line-height:1.7}.usage-page .btn{border-radius:10px;gap:7px;min-height:36px;transition:background-color .12s,transform .12s ease-out}.usage-page .btn-sm{min-height:32px}.usage-page button:active:not(:disabled):not(:focus-visible){transform:scale(.98)}.usage-page :is(button,input,select,a,summary):focus-visible{outline:2px solid rgb(var(--accent));outline-offset:3px}.usage-page .input{background:rgb(var(--surface-2));border-radius:9px;min-height:38px;font-size:12px}.usage-tools{position:relative}.usage-tools summary{cursor:pointer;list-style:none}.usage-tools>div{z-index:20;border:1px solid rgb(var(--line));background:rgb(var(--surface));border-radius:12px;width:275px;max-width:85vw;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 12px 35px #00000024}.usage-tools :is(button,a){text-align:left;border-radius:7px;width:100%;padding:10px;font-size:12px;display:block}.usage-tools p{color:rgb(var(--muted));padding:8px;margin:0!important;font-size:11px!important}.usage-tools hr{border-color:rgb(var(--line));margin:6px}.usage-filters{border:1px solid rgb(var(--line));background:rgb(var(--surface));border-radius:15px;flex-wrap:wrap;align-items:center;gap:10px;padding:15px;display:flex}.usage-period{background:rgb(var(--surface-2));border-radius:10px;gap:3px;padding:4px;display:flex}.usage-period button{white-space:nowrap;color:rgb(var(--muted));border-radius:7px;padding:5px 12px;font-size:12px}.usage-period button[aria-pressed=true]{background:rgb(var(--surface));color:rgb(var(--ink));box-shadow:0 1px 5px #00000014}.usage-filters>.input{flex:140px;width:160px;min-width:0}.usage-active-filters{flex-wrap:wrap;gap:8px;margin-top:-10px;display:flex}.usage-active-filters button{border:1px solid rgb(var(--accent)/.2);background:rgb(var(--accent)/.05);color:rgb(var(--accent));overflow-wrap:anywhere;border-radius:7px;align-items:center;gap:8px;padding:5px 10px;font-size:11px;display:flex}.usage-active-filters svg{flex-shrink:0;width:12px;height:12px}.usage-source{color:rgb(var(--muted));flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;display:flex}.usage-source>span:first-child{align-items:center;gap:8px;display:flex}.usage-source i{background:rgb(var(--accent));border-radius:50%;width:6px;height:6px}.usage-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.usage-metrics .dashboard-card{border-radius:15px;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 2px 5px #00000006;padding:18px!important}.usage-metrics .dashboard-card>span:first-child{border-radius:10px;width:32px;height:32px}.usage-metrics .text-lg{letter-spacing:-.035em;overflow-wrap:anywhere;margin-bottom:7px;font-size:26px}.usage-metrics .truncate{white-space:normal;line-height:1.55;overflow:visible}.usage-metrics>.dashboard-card:first-child{background:linear-gradient(130deg,rgb(var(--accent)/.09),transparent),rgb(var(--surface));border-color:rgb(var(--accent)/.2)}.usage-charts{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;display:grid}.usage-charts>section{border-radius:16px;grid-column:auto;min-width:0;padding:22px!important}.usage-charts h2{margin-bottom:8px;font-size:15px;font-weight:650}.usage-charts .workspace-tabs{margin:0 0 8px auto}.usage-charts>section>div:first-child{margin-bottom:18px}.usage-charts>section:last-child>div:nth-child(2){padding:12px 0}.usage-charts>section:last-child>div:last-child{border-top:1px solid rgb(var(--line-soft));padding-top:16px}.usage-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.usage-section-heading h2{letter-spacing:-.025em;font-size:20px;font-weight:650}.usage-section-heading p,.usage-section-heading>span{color:rgb(var(--muted));margin-top:6px;font-size:12px}.usage-table-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.usage-table-controls .workspace-tabs{flex:1;margin:0}.usage-table-controls>label{flex:0 230px;margin-left:0}.usage-table-controls input{width:100%}.usage-table-meta{color:rgb(var(--muted));justify-content:space-between;align-items:center;gap:15px;margin-top:-10px;font-size:11px;display:flex}.usage-table-meta select{flex-shrink:0;width:170px}.usage-table{border-radius:15px;box-shadow:0 2px 6px #00000006}.usage-table table{min-width:840px}.usage-table .th{letter-spacing:.025em;background:rgb(var(--surface-2));white-space:nowrap;padding:14px 16px;font-size:10px;font-weight:650}.usage-table .td{vertical-align:top;padding:17px 16px;font-size:12px}.usage-table .td:first-child{min-width:175px}.usage-table .td[data-label=Расход]{font-size:14px;font-weight:650}.usage-budget{text-align:left;width:190px;font-size:11px;line-height:1.65;display:block}.usage-budget>span:last-of-type{color:rgb(var(--muted));margin-top:5px;display:block}.usage-budget b{color:rgb(var(--ink));margin-left:5px}.usage-budget-track{background:rgb(var(--surface-3));border-radius:5px;height:5px;display:block;overflow:hidden}.usage-budget-track>span{border-radius:5px;height:100%;display:block}.usage-budget-empty{color:rgb(var(--accent));font-size:12px}.usage-budget-empty:disabled{color:rgb(var(--muted))}.usage-budget-editor{min-width:225px}.usage-budget-editor>label{color:rgb(var(--muted));margin-bottom:6px;font-size:11px;display:block}.usage-budget-editor>div{gap:6px;display:flex}.usage-budget-editor .input{width:110px}.usage-budget-editor small{color:rgb(var(--muted));font-size:10px}.usage-budget-editor p{color:rgb(var(--bad));max-width:240px;margin-top:6px;font-size:11px}.usage-reconciliation{border-radius:16px;padding:22px!important}.usage-reconciliation table{min-width:750px}.usage-reconciliation>div:first-child{gap:10px;margin-bottom:20px}.usage-error{border:1px solid rgb(var(--bad)/.25);background:rgb(var(--bad)/.04);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.usage-error button{color:rgb(var(--accent));margin-left:auto}@media (hover:hover) and (pointer:fine){.usage-page .btn:hover,.usage-tools :is(button,a):hover{background-color:rgb(var(--surface-3))}.usage-table tr:hover{background:rgb(var(--accent)/.025)}}@media (max-width:1199px){.usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-charts{grid-template-columns:1fr}.usage-table-controls .workspace-tabs{overflow-x:auto}.usage-table-controls .workspace-tabs button{white-space:nowrap}}@media (max-width:639px){.usage-page{gap:18px}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usage-metrics .dashboard-card{gap:12px;padding:14px!important}.usage-metrics .text-lg{font-size:24px}.usage-filters{padding:12px}.usage-period{justify-content:space-between;width:100%}.usage-period button{padding:5px 9px}.usage-filters>.input{flex-basis:40%;width:0}.usage-page .input{font-size:16px}.usage-table-controls{display:block}.usage-table-controls .workspace-tabs{margin-bottom:12px}.usage-table-controls>label{display:block}.usage-table-meta{align-items:flex-start}.usage-table-meta select{width:145px;font-size:12px}.usage-charts>section{padding:16px!important}.usage-charts .workspace-tabs{width:100%;margin:10px 0 0}.usage-section-heading{align-items:flex-start}.usage-section-heading p{max-width:250px}.usage-table{box-shadow:none;background:0 0;border:0}.usage-table table{min-width:0;display:block}.usage-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.usage-table tbody{gap:12px;display:grid}.usage-table tr{border:1px solid rgb(var(--line));background:rgb(var(--surface));border-radius:13px;grid-template-columns:1fr 1fr;padding:12px;display:grid}.usage-table .td{text-align:left;overflow-wrap:anywhere;display:block;min-width:0!important;padding:8px!important}.usage-table .td:before{content:attr(data-label);color:rgb(var(--muted));margin-bottom:5px;font-size:10px;font-weight:400;display:block}.usage-table .td:first-child{grid-column:1/-1;font-size:14px}.usage-table .td:first-child:before{display:none}.usage-table .td[data-label="Бюджет в месяц"]{border-top:1px solid rgb(var(--line-soft));grid-column:1/-1;padding-top:12px!important}.usage-budget{width:100%}.usage-budget-editor{min-width:0}.usage-reconciliation{padding:16px!important}.usage-tools>div{right:0}.usage-page .page-heading-actions{gap:8px}.usage-page .page-heading-actions .btn{font-size:12px}}@media (prefers-reduced-motion:reduce){.usage-page .btn{transition:none}.usage-page button:active:not(:disabled):not(:focus-visible){transform:none}}.usage-chart-data{color:rgb(var(--muted));margin-top:16px;font-size:11px}.usage-chart-data summary{cursor:pointer;width:fit-content}.usage-chart-data>div{border:1px solid rgb(var(--line));border-radius:9px;max-height:220px;margin-top:12px;overflow:auto}.usage-chart-data table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:320px}.usage-chart-data :is(th,td){text-align:left;border-bottom:1px solid rgb(var(--line-soft));padding:8px}.usage-chart-data th{background:rgb(var(--surface-2));font-weight:600}.usage-chart-data td{color:rgb(var(--ink))}.usage-chart-data td span{color:rgb(var(--muted))}