:root{--ink: #0b1d33;--muted: #3f5872;--line: #aec4dc;--panel: #ffffff;--page: #e9f1f9;--accent: #075dcc;--accent-strong: #063b8d;--accent-soft: #d8e8ff;--accent-border: #6d9ee0;--navy: #071a39;--blue-deep: #063b8d;--cyan: #007b9e;--warm: #a95d00;--danger: #b42318;--ok: #08753a;--shadow: 0 18px 52px rgba(7, 26, 57, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#d6e6faf0,#e9f1f9fa 360px),var(--page);font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;letter-spacing:0}html,body{height:100%;overflow:hidden}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #8faac6;border-radius:6px;padding:0 14px;color:#102d50;background:linear-gradient(180deg,#fff,#edf4fb);cursor:pointer;font-weight:650;box-shadow:0 1px 2px #0f234414;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}button:hover{border-color:var(--accent);box-shadow:0 8px 18px #1d64d824;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.62}button.primary{border-color:var(--accent);color:#fff;background:linear-gradient(180deg,#2879e6,var(--accent));box-shadow:0 10px 24px #1d64d83d}button.primary:hover{background:linear-gradient(180deg,#176bdd,var(--accent-strong))}button.secondary{border-color:var(--accent-border);color:var(--accent-strong);background:var(--accent-soft)}button.danger{border-color:#dc8b84;color:#fff;background:linear-gradient(180deg,#d34d42,var(--danger));box-shadow:0 10px 22px #c241352e}button.ghost-danger{color:var(--danger);background:#ffebe9;box-shadow:none}button.ghost{width:100%;border-color:#9eb7d1;background:#eef5fc}button.link-button{min-height:auto;margin-left:6px;padding:2px 7px;border:0;border-radius:4px;color:var(--accent-strong);background:var(--accent-soft);box-shadow:none;font-size:12px}label{display:grid;gap:6px;color:#2d4863;font-size:13px;font-weight:650}[hidden],.booking-section [hidden]{display:none!important}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 11px;color:var(--ink);background:#fff;box-shadow:inset 0 1px 2px #0f23440a}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1d64d824;outline:0}textarea{resize:vertical}code{padding:2px 5px;border-radius:4px;background:#e8f1ff}.shell{display:grid;min-height:100vh;place-items:center;padding:24px}.shell.compact{min-height:70vh}.boot,.notice-panel{width:min(560px,100%);padding:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.boot h1,.notice-panel h1{margin:0 0 12px;font-size:28px}.boot p,.notice-panel p{margin:0;color:var(--muted);line-height:1.7}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,440px);min-height:100vh;background:#fff}.auth-media{background:linear-gradient(90deg,#071b3ed6,#1858a42e),url(https://images.unsplash.com/photo-1581093458791-9d42e5d7f779?auto=format&fit=crop&w=1600&q=80) center / cover}.auth-panel{display:grid;align-content:center;gap:32px;padding:48px}.brand{display:grid;gap:5px}.brand span{color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase}.brand strong{font-size:25px;color:var(--navy)}.auth-form,.profile-form,.booking-form{display:grid;gap:16px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-note{margin:-4px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.app-frame{display:grid;grid-template-columns:250px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{display:grid;grid-template-rows:auto 1fr auto;gap:16px;border-right:1px solid #9fb8d3;padding:18px;background:linear-gradient(180deg,#fff,#eaf3ff);box-shadow:8px 0 30px #071a391a;height:100vh;overflow:hidden}.tabs{display:grid;gap:6px}.tabs button{width:100%;min-height:36px;justify-content:start;text-align:left;border-color:transparent;padding:0 12px;color:#294563;background:transparent;box-shadow:none}.sidebar>.ghost{width:110px;min-height:36px;padding:0 12px}.tabs button.active{border-color:var(--accent-border);color:var(--accent-strong);background:linear-gradient(90deg,var(--accent-soft),#ffffff);box-shadow:inset 4px 0 0 var(--accent)}.profile-form{align-content:start}.profile-form h2,.booking-form h2,.panel h2{margin:0;font-size:18px;color:var(--navy)}.workspace{display:grid;align-content:start;gap:22px;padding:28px;height:100vh;overflow-x:hidden;overflow-y:auto}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.topbar p{margin:0 0 4px;color:#345675;font-weight:650}.topbar h1{margin:0;font-size:30px;color:var(--navy)}.filters{display:grid;grid-template-columns:170px 220px;gap:12px}.content-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px}.mine-grid{align-items:start}.admin-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:22px}.booking-form,.panel{border:1px solid var(--line);border-radius:8px;padding:20px;background:linear-gradient(180deg,#fff,#f5f9fd);box-shadow:0 12px 34px #071a391f}.booking-form{border-top:4px solid var(--accent);gap:14px;background:radial-gradient(circle at 100% 0,rgba(7,93,204,.15),transparent 31%),linear-gradient(180deg,#fff,#f4f9ff)}.booking-form-header{padding:4px 2px 2px}.booking-kicker{display:inline-block;margin-bottom:4px;color:#00648a;font-size:11px;font-weight:800;letter-spacing:.09em}.booking-form-header h2{font-size:23px}.booking-section{display:grid;gap:12px;padding:14px;border:1px solid #b7cde5;border-radius:12px}.booking-section h3{display:flex;align-items:center;gap:8px;margin:0;color:#102e53;font-size:14px}.booking-section h3 span{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:8px;color:#fff;font-size:11px;font-weight:800}.booking-section h3 small{margin-left:auto;color:#405f7e;font-size:11px;font-weight:650}.booking-section-device{border-color:#87c0eb;background:linear-gradient(135deg,#e1f3ff,#f8fcff 66%)}.booking-section-device h3 span{background:linear-gradient(135deg,#0284c7,#2563eb)}.booking-section-time{border-color:#b9a2ed;background:linear-gradient(135deg,#efe8ff,#fbfaff 66%)}.booking-section-time h3 span{background:linear-gradient(135deg,#7c3aed,#a855f7)}.booking-section-service{border-color:#8dcda7;background:linear-gradient(135deg,#e2f8eb,#f9fefa 66%)}.booking-section-service h3 span{background:linear-gradient(135deg,#059669,#22c55e)}.booking-section-purpose{border-color:#e3b35d;background:linear-gradient(135deg,#fff0d0,#fffdf8 66%)}.booking-section-purpose h3 span{background:linear-gradient(135deg,#d97706,#f59e0b)}.booking-section input,.booking-section select,.booking-section textarea{background:#ffffffe6}.booking-section small{color:#3c5c7b;line-height:1.45}.booking-submit{min-height:50px;font-size:16px;letter-spacing:.02em}.booking-submit span{margin-left:8px;font-size:20px;vertical-align:-1px}.panel{border-top:4px solid var(--cyan)}.panel.wide{width:100%}.schedule-panel,.mine-schedule-panel{display:grid;gap:16px}.calendar-zoom-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin:-6px 0 8px}.calendar-zoom-controls span{margin-right:3px;color:var(--muted);font-size:13px;font-weight:700}.calendar-zoom-controls .calendar-zoom-value{min-width:42px;margin-right:0;text-align:center;color:var(--blue-deep)}.calendar-zoom-controls button{min-height:32px;padding:0 10px;font-size:13px}.time-calendar-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;max-height:720px;background:#fff}.time-calendar{min-width:1050px}.time-calendar-header{display:grid;grid-template-columns:90px repeat(7,minmax(135px,1fr));position:sticky;top:0;z-index:4;background:#edf5fd;border-bottom:1px solid var(--line)}.calendar-time-heading,.calendar-day-heading{min-height:56px;padding:9px 8px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:inherit}.calendar-time-heading{display:grid;place-items:center;font-size:13px}.calendar-day-heading{display:grid;gap:3px;cursor:pointer;text-align:center}.calendar-day-heading strong{color:var(--navy);font-size:14px}.calendar-day-heading span{font-size:12px}.calendar-day-heading:hover,.calendar-day-heading.selected{background:#d9eaff;color:var(--accent)}.time-calendar-body{display:grid;grid-template-columns:90px repeat(7,minmax(135px,1fr));min-height:1440px}.calendar-time-axis,.calendar-day-column{position:relative;min-height:var(--calendar-height, 1440px);border-right:1px solid var(--line)}.calendar-time-axis{background:#eff6fd}.calendar-hour{position:absolute;inset-inline:0;height:60px;padding:5px 8px;border-bottom:1px solid #afc5dc;color:var(--muted);font-size:11px;white-space:nowrap}.calendar-day-column{cursor:pointer;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--calendar-half-hour-height, 30px) - 1px),#dbe7f3 calc(var(--calendar-half-hour-height, 30px) - 1px),#dbe7f3 var(--calendar-half-hour-height, 30px),transparent var(--calendar-half-hour-height, 30px),transparent calc(var(--calendar-hour-height, 60px) - 1px),#afc5dc calc(var(--calendar-hour-height, 60px) - 1px),#afc5dc var(--calendar-hour-height, 60px))}.calendar-day-column.selected{background-color:#075dcc1a}.calendar-day-column.today:before{content:"今天";position:absolute;top:4px;right:5px;z-index:1;padding:2px 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px}.calendar-booking{position:absolute;z-index:2;display:grid;align-content:start;gap:2px;overflow:hidden;padding:4px 5px;border:1px solid #d7901f;border-left:4px solid var(--warm);border-radius:6px;background:#ffedcc;color:var(--navy);font-size:11px;line-height:1.2;cursor:default}.calendar-booking.status-approved{border-color:#62bb86;border-left-color:var(--ok);background:#dff5e8}.calendar-booking.voltage-non300,.calendar-booking.voltage-non300.status-approved{border-color:#a982df;border-left-color:#6333a7;background:#eadfff;color:#35185e}.calendar-booking.status-rejected,.calendar-booking.status-cancelled{border-color:#dc928b;border-left-color:var(--danger);background:#ffe5e2;opacity:.78}.calendar-booking strong{font-size:11px}.calendar-booking span,.calendar-booking em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.calendar-booking em{color:var(--muted)}.schedule-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.schedule-view-switch{display:flex;gap:0;padding-right:10px;border-right:1px solid var(--line)}.schedule-view-switch button{min-height:36px;border-radius:0}.schedule-view-switch button:first-child{border-radius:6px 0 0 6px}.schedule-view-switch button:last-child{border-left:0;border-radius:0 6px 6px 0}.month-calendar{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.month-calendar-weekdays,.month-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));min-width:770px}.month-calendar-weekdays{border-bottom:1px solid var(--line);background:#edf5fd}.month-calendar-weekdays span{padding:10px 8px;border-right:1px solid var(--line);color:#31516f;font-size:13px;font-weight:800;text-align:center}.month-calendar-weekdays span:last-child{border-right:0}.month-day{display:grid;grid-template-columns:1fr auto;align-content:start;align-items:start;min-height:132px;padding:9px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:#fff;box-shadow:none;text-align:left}.month-day:nth-child(7n){border-right:0}.month-day:nth-last-child(-n+7){border-bottom:0}.month-day:hover{border-color:var(--accent-border);background:#eef6ff;box-shadow:inset 0 0 0 1px var(--accent-border);transform:none}.month-day.selected{background:#e4f0ff;box-shadow:inset 0 0 0 2px var(--accent)}.month-day.outside-month{color:#7a8ba0;background:#f3f6f9}.month-day-number{display:grid;width:27px;height:27px;place-items:center;border-radius:999px;color:var(--navy);font-size:14px;font-weight:800}.month-day.today .month-day-number{color:#fff;background:var(--accent)}.month-day-count{border-radius:999px;padding:3px 6px;color:#075a2b;background:#def5e7;font-size:11px;font-weight:800;white-space:nowrap}.month-booking-list{display:grid;grid-column:1 / -1;gap:4px;width:100%;margin-top:7px}.month-booking{overflow:hidden;padding:4px 5px;border-left:3px solid var(--warm);border-radius:3px;color:#653b00;background:#ffedcc;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.month-booking b{margin-right:4px}.month-booking.status-approved{border-left-color:var(--ok);color:#075a2b;background:#def5e7}.month-booking.status-rejected,.month-booking.status-cancelled{border-left-color:var(--danger);color:#8e2119;background:#ffe6e3}.month-booking-list em{color:var(--muted);font-size:11px;font-style:normal;white-space:nowrap}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.week-day{display:grid;align-content:start;gap:10px;min-height:230px;border:1px solid #b6cce3;border-radius:8px;padding:12px;background:#fff;cursor:pointer;box-shadow:0 8px 20px #0f23440d;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.week-day:hover{border-color:var(--accent-border);box-shadow:0 12px 26px #1d64d81f;transform:translateY(-1px)}.week-day.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #1d64d81f,0 12px 26px #1d64d81f}.week-day.today .week-day-head strong{color:var(--accent)}.week-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.week-day-head strong{color:var(--navy);font-size:15px}.week-day-head span,.week-day-count{color:var(--muted);font-size:12px}.week-day-count{width:fit-content;border:1px solid #cfe0f5;border-radius:999px;padding:3px 8px;color:var(--accent-strong);background:var(--accent-soft);font-weight:700}.week-day-bookings{display:grid;gap:8px}.week-day-bookings p{margin:0;color:var(--muted);font-size:13px}.week-booking{display:grid;gap:3px;border-left:4px solid var(--warm);border-radius:6px;padding:8px;background:#edf5fd}.week-booking.status-approved{border-left-color:var(--ok)}.week-booking.status-rejected,.week-booking.status-cancelled{border-left-color:var(--danger);opacity:.78}.week-booking strong{color:var(--navy);font-size:12px}.week-booking span,.week-booking em{color:var(--muted);font-size:12px;font-style:normal}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head span{border:1px solid #cfe0f5;border-radius:999px;padding:4px 10px;color:var(--accent-strong);background:var(--accent-soft);font-size:13px;font-weight:700}.booking-list{display:grid;gap:8px}.panel-note{margin:-6px 0 14px;color:var(--muted);line-height:1.55}.holiday-panel{grid-column:1 / -1}.holiday-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.holiday-form label{flex:1 1 170px;display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.holiday-form button{flex:0 0 auto}.holiday-list{display:grid;gap:8px;margin-top:14px}.holiday-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dce8f5;border-radius:8px;background:#f9fcff}.holiday-item span{flex:1;color:var(--muted)}.checkbox-field{display:flex!important;align-items:center;gap:8px;min-height:42px;color:var(--text)!important}.checkbox-field input{width:auto}.booking-subsection{display:grid;gap:12px;padding-top:4px}.compact-head{padding-top:8px;border-top:1px solid var(--line)}.compact-head h3{margin:0;font-size:17px;color:var(--text)}.booking-item{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:start;gap:12px;border:1px solid var(--line);border-left:6px solid var(--warm);border-radius:8px;padding:11px 13px;background:#fff;box-shadow:0 8px 22px #0f23440f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.admin-grid .booking-list{gap:8px}.admin-grid .booking-item{grid-template-columns:96px minmax(0,1fr) auto;gap:14px;padding:12px 14px;border-left-width:5px}.admin-grid .booking-title h3{font-size:16px}.admin-grid .booking-main p{margin-top:2px;font-size:12px;line-height:1.35}.admin-grid .booking-info-stack{margin-top:9px}.admin-grid .booking-info-chip{padding:5px 8px;font-size:13px}.admin-grid .row-actions{margin-top:0;gap:5px}.admin-grid .row-actions button{min-height:32px;padding:6px 9px;font-size:12px}.booking-item:hover{border-color:#b9cbed;box-shadow:0 14px 30px #0f23441a;transform:translateY(-1px)}.booking-item.status-approved{border-left-color:var(--ok)}.booking-item.status-rejected,.booking-item.status-cancelled{border-left-color:var(--danger);opacity:.78}.booking-time{display:grid;align-content:start;gap:6px;min-width:76px}.booking-time strong{font-size:15px;color:var(--navy);white-space:nowrap}.booking-time span,.booking-main p{color:var(--muted)}.booking-time span{font-size:14px;white-space:nowrap}.booking-main,.booking-title{min-width:0}.booking-title h3{margin:0;font-size:17px;line-height:1.35}.status-pill{flex:0 0 auto;border:1px solid #9fbad5;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:750}.status-pill.status-pending{border-color:#dda646;color:#774000;background:#ffedc9}.status-pill.status-approved{border-color:#6cc58d;color:#075a2b;background:#def5e7}.status-pill.status-rejected,.status-pill.status-cancelled{border-color:#dc928b;color:#8e2119;background:#ffe6e3}.booking-main p{margin:4px 0 0;font-size:13px;line-height:1.42}.booking-info-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:10px}.booking-info-row{display:contents}.booking-info-chip{max-width:100%;border:1px solid #b3c7da;border-radius:6px;padding:6px 9px;font-size:14px;line-height:1.45;color:#264b6a;background:#edf4fa}.booking-info-chip.fee,.booking-info-chip.attachment,.booking-info-chip.notes{grid-column:1 / -1}.booking-info-chip.person,.booking-info-chip.organization,.booking-info-chip.service,.booking-info-chip.purpose{color:#264b6a;border-color:#b3c7da;background:#edf4fa}.booking-info-chip.attachment{color:#3d566e;border-color:#b3c7da;background:#f0f5fa}.booking-info-chip.fee{color:#075a2b;border-color:#7fc79a;background:#ddf4e6;font-weight:800}.booking-info-chip.notes{color:#634c2b;border-color:#d6bb88;background:#fbf2e2}.booking-side{display:grid;justify-items:end;align-content:start;gap:7px;min-width:max-content}.row-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:0}.booking-side .row-actions button{min-height:30px;padding:5px 9px;font-size:12px;white-space:nowrap}.user-table{display:grid;gap:14px}.user-group{display:grid;gap:8px;border:1px solid var(--line);border-left:4px solid #5d87b5;border-radius:10px;padding:10px;background:#f4f8fc}.user-group-super-admin{border-left-color:#12804a;background:#eef9f2}.user-group-admin{border-left-color:#b56f05;background:#fff8e8}.user-group-bookable{border-left-color:#075dcc;background:#eff6ff}.user-group-viewer{border-left-color:#60768d;background:#f3f6f9}.user-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-group-head h3{margin:0;font-size:14px;color:var(--navy)}.user-group-head span{border-radius:999px;padding:3px 8px;color:#34516e;background:#dfeaf5;font-size:12px;font-weight:750}.user-group-list{display:grid;gap:7px}.user-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}.user-row p{margin:2px 0 0;color:var(--muted);font-size:13px}.user-row .row-actions{justify-content:end;margin-top:0}.user-actions{align-items:center}.user-booking-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.user-booking-summary span,.user-booking-summary strong{border-radius:999px;padding:3px 7px;font-size:12px;line-height:1.2}.user-booking-summary span{color:#1f4968;background:#e2effa}.user-booking-summary strong{color:#075a2b;background:#dff4e7}.user-booking-summary .pending-fee{color:#754600;background:#ffedcc}.user-booking-history{grid-column:1 / -1;margin-top:4px;padding:16px;border:1px solid #d7e5f2;border-radius:8px;background:#f8fbfe}.compact-head{margin-bottom:12px}.compact-head h3{margin:0;font-size:16px}.compact-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.history-totals{display:flex;flex-wrap:wrap;justify-content:end;gap:7px}.history-totals span,.history-totals strong{border-radius:999px;padding:4px 8px;font-size:12px}.history-totals span{color:#375773;background:#eaf2fa}.history-totals strong{color:#12623b;background:#e9f7ee}.history-totals .history-pending{color:#8a5610;background:#fff3dc}.user-booking-history-list{display:grid;gap:8px}.user-booking-history-item{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;border:1px solid #deebf5;border-radius:7px;background:#fff}.user-booking-history-item small{display:block;margin-top:4px;color:var(--muted)}.user-booking-history-item time{color:#24445f;font-size:13px;font-weight:750;white-space:nowrap}.history-booking-info{min-width:0}.history-booking-info strong{display:block}.history-booking-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-booking-amount{display:flex;align-items:center;flex-wrap:wrap;justify-content:end;gap:8px}.history-fee{color:#12623b;white-space:nowrap}.data-management-head{align-items:flex-start}.data-management-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.data-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.data-overview article{display:grid;gap:5px;min-height:104px;padding:14px;border:1px solid #b7cde3;border-radius:9px;background:#f1f6fb}.data-overview span,.data-overview small{color:var(--muted);font-size:12px}.data-overview strong{color:var(--navy);font-size:22px;line-height:1.1}.data-overview .fee-overview{border-color:#8ccba6;background:#e7f6ec}.data-overview .fee-overview strong{color:#12623b}.data-overview .pending-overview{border-color:#e1b969;background:#fff3dd}.data-overview .pending-overview strong{color:#8a5610}.data-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(150px,auto) minmax(190px,auto);gap:10px;align-items:end;margin:16px 0 10px;padding:12px;border:1px solid #b9cde1;border-radius:8px;background:#eef5fb}.data-toolbar label{display:grid;gap:5px;color:#415d76;font-size:12px;font-weight:700}.data-toolbar input,.data-toolbar select{min-width:0;min-height:36px;padding:7px 9px;border:1px solid #cfddea;border-radius:6px;color:var(--text);background:#fff;font:inherit;font-weight:500}.data-export{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 12px;padding:12px;border:1px solid #b9cde1;border-radius:8px;background:#eef5fb}.data-export-title{align-self:center;color:#415d76;font-size:13px;font-weight:700}.data-export label{display:grid;gap:5px;color:#415d76;font-size:12px;font-weight:700}.data-export input,.data-export select{min-width:0;min-height:36px;padding:7px 9px;border:1px solid #cfddea;border-radius:6px;color:var(--text);background:#fff;font:inherit;font-weight:500}.data-export button{min-height:36px;padding:7px 14px;border:none;border-radius:6px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.data-export button:disabled{opacity:.6;cursor:default}.profile-form{display:grid;gap:12px;margin-top:14px}.profile-form label{display:grid;gap:5px;color:#415d76;font-size:12px;font-weight:700}.profile-form input{min-height:38px;padding:8px 10px;border:1px solid #cfddea;border-radius:6px;color:var(--text);background:#fff;font:inherit;font-weight:500}.profile-form input[readonly]{background:#f1f6fb;color:#5a7184}.profile-form button[type=submit]{justify-self:start}.admin-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.admin-subtabs button{min-height:34px;padding:6px 16px;border:1px solid #b9cde1;border-radius:999px;color:#415d76;background:#fff;font-weight:650}.admin-subtabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.export-status{align-self:center;color:#415d76;font-size:12px}.data-user-list{display:grid;gap:8px}.data-user-list-head,.data-user-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(410px,1.45fr) auto;gap:14px;align-items:center}.data-user-list-head{padding:0 14px;color:var(--muted);font-size:12px;font-weight:750}.data-user-list-head span:last-child{text-align:right}.data-user-row{padding:14px;border:1px solid #b8cce0;border-left:4px solid #3775ae;border-radius:8px;background:#fff}.data-user-row:has(.user-booking-history){align-items:start}.data-user-identity strong{color:var(--navy);font-size:15px}.data-user-identity p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.data-user-metrics{display:flex;flex-wrap:wrap;gap:7px}.data-user-metrics span{border-radius:6px;padding:5px 7px;color:#254965;background:#e3eef8;font-size:13px;white-space:nowrap}.data-user-metrics .approved-metric{color:#075a2b;background:#dff4e7}.data-user-metrics .pending-metric{color:#754600;background:#ffedcf}.data-user-metrics .muted-metric{color:#4b6177;background:#e9eef3}.data-view-history{white-space:nowrap}.role-pill{border:1px solid #cfe0f5;border-radius:999px;padding:4px 10px;color:var(--accent-strong);background:var(--accent-soft);font-size:13px;font-weight:700;white-space:nowrap}.role-super_admin{border-color:#b8dcca;color:#17633a;background:#eefaf3}.role-admin{border-color:#f2d08f;color:#835500;background:#fff8e8}.device-grid-header{margin-bottom:16px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.device-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff;box-shadow:0 8px 22px #0f23440d;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.device-card:hover{border-color:var(--accent-border);box-shadow:0 12px 26px #1d64d81f;transform:translateY(-2px)}.device-card.status-maintenance{border-left:4px solid var(--warm)}.device-card.status-offline{border-left:4px solid var(--muted);opacity:.78}.device-card.status-available{border-left:4px solid var(--ok)}.device-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-card-head h3{margin:0;font-size:14px;color:var(--navy)}.device-card-meta{display:grid;gap:2px}.device-card-meta p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.device-detail{display:grid;gap:18px}.device-detail-head{display:flex;align-items:center;gap:16px}.device-detail-head h3{margin:0;font-size:20px;color:var(--navy)}.device-list{display:grid;gap:14px}.device-form{display:grid;gap:14px;border:1px solid #d5e2f2;border-radius:8px;padding:16px;background:#fff;box-shadow:0 8px 22px #0f23440d}.new-device-form{margin-bottom:18px;border-color:var(--accent-border);background:linear-gradient(180deg,#f8fbff,#fff)}.device-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.device-head h3,.device-form h3{margin:0;color:var(--navy);font-size:16px}.device-head p{margin:6px 0 0;color:var(--muted);line-height:1.5}.device-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-category{margin-top:20px}.device-category>h3{margin:0 0 10px;color:var(--navy);font-size:15px}.field-wide{grid-column:1 / -1}.device-status{flex:0 0 auto;border:1px solid #d3e1f3;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}.device-status.status-available{border-color:#a8dfba;color:#11632f;background:#eaf8ef}.device-status.status-maintenance{border-color:#f4d199;color:#8a4b00;background:#fff6e8}.device-status.status-offline{border-color:#c8d2df;color:#475569;background:#f1f5f9}.empty{display:grid;min-height:180px;place-items:center;border:1px dashed #adc2dc;border-radius:8px;color:var(--muted);background:#f8fbff}.compact-empty{min-height:72px;padding:12px;text-align:center}.fee-preview{display:grid;gap:5px;padding:15px 16px;border:1px solid #a7d9e7;border-radius:12px;background:linear-gradient(110deg,#cffafef0,#eff6fff5),#f2f8ff;color:#25466d;box-shadow:inset 4px 0 #0891b2}.fee-preview strong{color:var(--navy);font-size:17px}.fee-preview span,.fee-preview small{color:var(--muted)}.booking-fee{color:#0b5e9b;font-weight:750}.toast{position:fixed;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));border-radius:8px;padding:13px 16px;color:#fff;background:var(--accent);box-shadow:var(--shadow);z-index:10;font-weight:650}.toast.error{background:var(--danger)}.toast.info{background:#0f5f8a}.toast.warning{background:var(--warm)}@media(max-width:980px){html,body{height:auto;overflow:auto}.auth-layout,.app-frame,.content-grid,.admin-grid{grid-template-columns:1fr}.auth-media{min-height:220px}.sidebar{grid-template-rows:auto;border-right:0;border-bottom:1px solid var(--line);height:auto;overflow:visible}.app-frame,.workspace{height:auto;overflow:visible}.tabs{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.tabs button{width:100%;text-align:center}.user-row{grid-template-columns:1fr;align-items:start}.user-row .row-actions{justify-content:start}.user-booking-history-item{align-items:flex-start;grid-template-columns:1fr}.history-booking-amount{justify-content:start}.data-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.data-toolbar{grid-template-columns:1fr 1fr}.data-search{grid-column:1 / -1}.data-user-list-head{display:none}.data-user-row{grid-template-columns:1fr auto}.data-user-metrics,.data-user-row .user-booking-history{grid-column:1 / -1}.week-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:700px){.auth-panel,.workspace,.sidebar{padding:18px}.topbar{align-items:stretch;flex-direction:column}.filters,.two-col,.device-fields,.booking-item,.booking-info-stack,.data-overview,.data-toolbar,.data-user-row{grid-template-columns:1fr}.data-search,.data-user-metrics,.data-user-row .user-booking-history{grid-column:auto}.data-view-history{justify-self:start}.history-totals{justify-content:start}.week-grid{grid-template-columns:1fr}.booking-title{align-items:start;flex-direction:column}.booking-side{grid-auto-flow:column;justify-content:start;justify-items:start;align-items:center}.booking-side .row-actions{flex-direction:row;flex-wrap:wrap}}.site-footer{padding:16px 12px 20px;text-align:center;font-size:12px;color:var(--muted)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--accent-strong);text-decoration:underline}