.preferences{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preferences select{font-size:.85rem;width:auto;min-width:105px}.preferences .button{min-height:44px}.topbar .preferences{margin-inline-start:auto}.login-card .preferences{margin-bottom:24px;justify-content:space-between}.topbar{height:auto;min-height:78px;padding-block:14px;flex-wrap:wrap}.login-card{max-width:490px}
[dir=rtl]{font-family:Tahoma,'Segoe UI',Arial,sans-serif}[dir=rtl] .sidebar{right:0;left:auto;border-right:0;border-left:1px solid var(--border)}[dir=rtl] main{margin-left:0;margin-right:242px}[dir=rtl] .login-card{margin:0}[dir=rtl] .brand,[dir=rtl] .eyebrow,[dir=rtl] .nav-label{letter-spacing:0}[dir=rtl] .brandmark{margin-right:0;margin-left:6px}[dir=rtl] th{text-align:right}[dir=rtl] .row-actions{right:auto;left:0;border-left:0;border-right:1px solid var(--border)}[dir=rtl] .delete-form{margin-left:0;margin-right:14px}[dir=rtl] .metric:before{left:auto;right:0}[dir=rtl] .brand-sub{margin-left:0;margin-right:3px}.numeric,.metric strong,.calculation strong{direction:ltr;unicode-bidi:isolate}[dir=rtl] .metric strong,[dir=rtl] .calculation strong{text-align:right}input[type=number],input[type=tel],input[type=password],input[name=email],input[name=reference]{direction:ltr;text-align:start}[dir=rtl] .subtitle,[dir=rtl] .calculation-note{line-height:1.9}
:root[data-theme=dark]{color-scheme:dark;background:#10131d;color:#e7eaf5;--border:#30374c;--purple:#b39aff}[data-theme=dark] body{background:#10131d}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .metric,[data-theme=dark] .workspace,[data-theme=dark] .editor,[data-theme=dark] .login-card,[data-theme=dark] .row-actions{background:#1a2030}[data-theme=dark] .brand{color:#d4c5ff}[data-theme=dark] .brandmark,[data-theme=dark] .primary{background:#7651dd;color:white}[data-theme=dark] .primary:hover{background:#8763e9}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] .secondary{background:#242c40;color:#edf0fa;border-color:#45506b}[data-theme=dark] input::placeholder{color:#a7b0c6}[data-theme=dark] nav a{color:#bcc5dc}[data-theme=dark] nav a.active,[data-theme=dark] nav a:hover,[data-theme=dark] .avatar,[data-theme=dark] .count,[data-theme=dark] .empty-icon{background:#352b53;color:#d9caff}[data-theme=dark] th,[data-theme=dark] th.row-actions{background:#302843;color:#dfd3f3;border-color:#463858}[data-theme=dark] td{color:#c7cee0;border-color:#30374c}[data-theme=dark] td.description,[data-theme=dark] .numeric{color:#edf0fa}[data-theme=dark] tbody tr:hover td{background:#29273f}[data-theme=dark] .calculation{background:#2e2744;color:#c7bddd}[data-theme=dark] .calculation strong{color:#e1d5ff}[data-theme=dark] .subtitle,[data-theme=dark] .metric-label,[data-theme=dark] .metric small,[data-theme=dark] .topbar,[data-theme=dark] .field,[data-theme=dark] .pagination,[data-theme=dark] .calculation-note,[data-theme=dark] .empty p,[data-theme=dark] footer,[data-theme=dark] .logout,[data-theme=dark] .account small,[data-theme=dark] .login-foot,[data-theme=dark] .form-footer>span{color:#b5bfd5}[data-theme=dark] .eyebrow,[data-theme=dark] .nav-label,[data-theme=dark] .brand-sub{color:#b6a6d3}[data-theme=dark] .notice{background:#19392f;color:#a8e5c7;border-color:#34634e}[data-theme=dark] .error{background:#412731;color:#ffbfca;border-color:#72404d}[data-theme=dark] .delete-form button{background:#432934;color:#ffbcc7}[data-theme=dark] .login-page{background:radial-gradient(ellipse at top left,#2f234d,transparent 65%),#10131d}[data-theme=dark] .table-scroll{scrollbar-color:#605077 #202538}[data-theme=dark] .badge{filter:brightness(.85)}
@media(max-width:1150px){[dir=rtl] main{margin-right:210px}[dir=rtl] .login-card{margin:0}.topbar>span:first-child{flex-basis:100%}}
@media(max-width:760px){[dir=rtl] main{margin:0}[dir=rtl] .sidebar{position:static;border-left:0}[dir=rtl] .row-actions{position:static}.topbar{gap:10px}.topbar .preferences{margin-inline-start:0;width:100%;justify-content:space-between}.preferences .button{font-size:.8rem;padding:10px}.login-card .preferences{gap:6px}}
@media(max-width:760px){input,select,.filters input,.filters select,.preferences select{font-size:16px;min-height:44px;min-width:0;max-width:100%}.button{min-height:44px}.delete-form button{width:44px;height:44px}.row-actions .edit-link{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px}.field>.edit-link{display:inline-flex;align-items:center;min-height:44px}.sidebar nav a{min-height:44px}.editor,.field,.contact-layout>*{min-width:0}.table-scroll{overscroll-behavior-x:contain}.pagination>div{flex-wrap:wrap}}
.editor>fieldset .form-grid{grid-template-columns:repeat(3,minmax(220px,300px));justify-content:start;align-items:start;gap:13px 20px}.editor>fieldset .field{width:100%;max-width:300px}.editor>fieldset .field>input,.editor>fieldset .field>select{width:100%;max-width:300px}.editor>fieldset .field.wide{grid-column:span 2;max-width:620px}.editor>fieldset .field.wide>input{max-width:620px}@media(max-width:1100px){.editor>fieldset .form-grid{grid-template-columns:repeat(2,minmax(220px,300px))}}@media(max-width:700px){.editor>fieldset .form-grid{grid-template-columns:minmax(0,300px)}.editor>fieldset .field.wide{grid-column:auto;max-width:300px}.editor>fieldset .field.wide>input{max-width:300px}}
