/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#101c2d;--navy:#0d192a;--lime:#dfff44;--muted:#748094;--line:#e8ebef;--bg:#f4f6f8;--white:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Noto Sans JP,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;width:246px;padding:30px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{background:0 0;justify-content:center;align-items:center;height:72px;margin:0 0 25px;padding:6px 4px;display:flex}.brand img{width:100%;max-width:200px;height:auto;max-height:60px;display:block}nav{flex-direction:column;gap:4px;display:flex}nav button{color:#8e9aac;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:13px 15px;font-size:13px;font-weight:700;transition:all .2s;display:flex}nav button i{text-align:center;width:20px;font-size:19px;font-style:normal}nav button span{margin-left:auto;font-size:18px}nav button:hover,nav button.active{color:#fff;background:#1b2a3e}nav button.active i{color:var(--lime)}.help-box{background:#17263a;border:1px solid #27374c;border-radius:13px;grid-template-columns:30px 1fr;gap:2px 7px;margin-top:auto;padding:16px;display:grid}.help-box>span{background:var(--lime);width:26px;height:26px;color:var(--navy);border-radius:50%;grid-row:1/3;place-items:center;font-weight:900;display:grid}.help-box strong{font-size:11px}.help-box small{color:#7d899a;font-size:11px}.sidebar-profile{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #253348;align-items:center;gap:9px;margin:15px -5px -5px;padding:12px 5px;display:flex}.sidebar-profile div{flex:1}.sidebar-profile strong{font-size:11px;display:block}.sidebar-profile small{color:#8290a3;font-size:11px}.sidebar-profile b{color:#78869a}.avatar{background:var(--lime);width:35px;height:35px;color:var(--navy);border-radius:10px;place-items:center;font-weight:900;display:grid}.main-wrap{min-height:100vh;margin-left:246px}header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:flex-end;align-items:center;height:72px;padding:0 38px;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:35px;height:35px;font-size:17px;position:relative}.notification i{background:#f05252;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.today{margin-left:10px;font-size:11px;font-weight:800}.today b{background:var(--navy);color:var(--lime);border-radius:4px;margin-left:4px;padding:4px 5px;font-size:10px}.hamburger,.mobile-title,.close-menu{display:none}main{max-width:1600px;margin:0 auto;padding:38px}.hero-row{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.hero-row.compact{align-items:center}.eyebrow{color:#8090a4;letter-spacing:2px;font-size:11px;font-weight:900}.hero-row h1,.profile-hero h1{letter-spacing:-.6px;margin:8px 0 6px;font-size:27px}.hero-row p,.profile-hero p{color:var(--muted);margin:0;font-size:12px}.primary-button{background:var(--lime);color:var(--navy);border:0;border-radius:10px;padding:13px 19px;font-size:12px;font-weight:900;box-shadow:0 5px 15px #cfe73d33}.outline-button{color:var(--ink);background:#fff;border:1px solid #dfe3e9;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.button-group{gap:9px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 19px;box-shadow:0 3px 10px #15253a08}.metric-top{color:#7a8798;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.metric-top b{width:28px;height:28px;color:var(--ink);background:#f1f4f5;border-radius:8px;place-items:center;font-size:14px;display:grid}.metric-card>strong{letter-spacing:-.5px;margin:10px 0 4px;font-size:25px;display:block}.metric-card>small{color:#8591a1;font-size:11px}.metric-dark{background:var(--navy);border-color:var(--navy);color:#fff}.metric-dark .metric-top{color:#aab4c2}.metric-dark .metric-top b{background:var(--lime)}.metric-dark>small{color:var(--lime)}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:21px;box-shadow:0 3px 12px #14243708}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px;display:grid}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.section-title h2{margin:0 0 4px;font-size:14px}.section-title p{color:#8995a5;margin:0;font-size:11px}.text-button{color:#657386;background:0 0;border:0;font-size:11px;font-weight:800}.text-button span{color:#111;font-size:14px}.appointment{border-top:1px solid #eef0f3;align-items:center;gap:12px;min-height:58px;display:flex}.appointment:first-child{border-top:0}.time{width:38px;font-size:12px}.dot{background:#64b5f6;border-radius:4px;width:6px;height:31px}.dot.green{background:#66d19e}.dot.purple{background:#ae8bf7}.appointment-main{flex:1}.appointment-main strong{font-size:11px;display:block}.appointment-main small{color:#8691a0;font-size:11px}.staff-chip{background:#f0f2f5;border-radius:50%;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.status{color:#3687c7;background:#eaf4ff;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:900}.status.green{color:#329467;background:#e6f8ef}.status.purple{color:#7852bf;background:#f2ebff}.side-stack{gap:18px;display:grid}.mini-staff{border-top:1px solid #eef0f3;align-items:center;gap:9px;padding:8px 0;display:flex}.mini-staff:nth-of-type(2){border-top:0}.mini-staff div{flex:1}.mini-staff strong{font-size:10px;display:block}.mini-staff small{color:#8994a3;font-size:10px}.presence{color:#338c65;background:#e7f7ef;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:800}.presence.break{color:#bc7a25;background:#fff4db}.presence.off{color:#7b8695;background:#eff1f3}.unpaid-card{background:#fff8e7;border-color:#f5e1a9}.unpaid-head{align-items:center;gap:10px;display:flex}.unpaid-head>span{background:#ffe6a0;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.unpaid-head small{color:#8e805f;font-size:11px;display:block}.unpaid-head strong{font-size:20px}.unpaid-card p{color:#8e805f;font-size:11px}.unpaid-card button{background:0 0;border:0;padding:0;font-size:11px;font-weight:900;text-decoration:underline}.chart-panel{margin-bottom:18px}.chart-wrap{gap:12px;height:140px;display:flex}.chart-wrap.large{height:260px}.y-labels{color:#97a0ad;flex-direction:column;justify-content:space-between;padding-bottom:8px;font-size:10px;display:flex}.bars{background:repeating-linear-gradient(#eef0f3 0 1px,#0000 1px 33%);border-bottom:1px solid #e8ebef;flex:1;align-items:flex-end;gap:7px;padding:0 8px;display:flex}.bar{background:#dfe5e9;border-radius:4px 4px 0 0;flex:1;max-width:28px;transition:all .2s}.bar:hover,.bar.active{background:var(--lime)}.customer-layout{grid-template-columns:minmax(330px,.75fr) minmax(500px,1.3fr);gap:18px;display:grid}.search-row{gap:7px;margin-bottom:12px;display:flex}.search-row input{border:1px solid var(--line);background:#f7f8f9;border-radius:9px;flex:1;padding:11px;font-size:10px}.search-row button{border:1px solid var(--line);background:#fff;border-radius:9px;font-size:11px}.customer-row{text-align:left;background:#fff;border:0;border-top:1px solid #edf0f2;border-radius:9px;align-items:center;gap:10px;width:100%;padding:13px 10px;display:flex}.customer-row:hover,.customer-row.selected{background:#f4f8e9}.customer-row div{flex:1}.customer-row strong{font-size:11px;display:block}.customer-row small{color:#8b96a5;font-size:10px}.customer-last{text-align:right;font-size:11px}.customer-last small{display:block}.customer-avatar{background:#e9edf0}.record-head{align-items:center;gap:13px;display:flex}.record-head div{flex:1}.record-head h2{margin:0 0 4px;font-size:17px}.record-head p{color:var(--muted);margin:0;font-size:11px}.record-avatar{border-radius:14px;width:48px;height:48px;font-size:17px}.record-stats{background:#f6f8f9;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:19px 0;padding:13px;display:grid}.record-stats div{border-left:1px solid #e0e4e8;padding:0 13px}.record-stats div:first-child{border:0}.record-stats small,.record-stats strong{display:block}.record-stats small{color:#8793a2;font-size:10px}.record-stats strong{margin-top:4px;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:18px;display:flex}.tabs button{color:#8a95a3;background:0 0;border:0;padding:9px 3px;font-size:10px;font-weight:800}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--lime)}.karte{grid-template-columns:48px 1fr;gap:15px;padding:20px 0;display:grid}.karte-date{border-right:1px solid var(--line)}.karte-date b{font-size:17px;display:block}.karte-date small{color:#8995a3;font-size:10px}.karte h3{margin:12px 0 6px;font-size:13px}.karte p{color:#667385;font-size:10px;line-height:1.8}.karte-meta{gap:7px;display:flex}.karte-meta span{background:#f2f4f5;border-radius:6px;padding:5px 7px;font-size:10px}.add-record{background:#fafbfb;border:1px dashed #cfd5dc;border-radius:9px;width:100%;padding:12px;font-size:10px;font-weight:800}.calendar-panel{padding:0;overflow:hidden}.calendar-tools{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 19px;display:flex}.calendar-tools>div{align-items:center;gap:7px;display:flex}.calendar-tools button,.view-toggle button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:11px}.calendar-tools h2{margin:0 0 0 8px;font-size:13px}.view-toggle .active{background:var(--navy);color:#fff}.staff-headers{border-bottom:1px solid var(--line);grid-template-columns:65px repeat(3,1fr);height:65px;display:grid}.staff-headers>div{border-left:1px solid var(--line);justify-content:center;align-items:center;gap:7px;display:flex}.staff-headers .avatar{width:30px;height:30px}.staff-headers strong{font-size:10px}.staff-headers small{color:#8490a0;font-size:10px}.calendar-body{height:560px;position:relative}.calendar-line{grid-template-columns:65px repeat(3,1fr);height:56px;display:grid}.calendar-line span{color:#84909e;text-align:center;font-size:10px;transform:translateY(-5px)}.calendar-line i{border-left:1px solid var(--line);border-bottom:1px solid #f1f2f4}.event{background:#eaf6ff;border-left:3px solid #65b4ef;border-radius:8px;width:calc(33.3333% - 33.6667px);height:56px;padding:9px 10px;position:absolute;top:28px;left:71px}.event b,.event small{display:block}.event b{font-size:11px}.event small{color:#647386;margin-top:3px;font-size:10px}.ev2{background:#f2edff;border-color:#9673e5;height:82px;top:112px;left:calc(33.3333% + 49.3333px)}.ev3{background:#ebf9f2;border-color:#5fc494;top:252px}.ev4{background:#fff1e8;border-color:#f5a06b;top:392px;left:calc(66.6667% + 27.6667px)}.sales-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.breakdown .donut{background:conic-gradient(var(--lime) 0 42%,#50a7d8 42% 73%,#9a7bdd 73% 91%,#e7eaed 91%);border-radius:50%;place-items:center;width:130px;height:130px;margin:10px auto 20px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:82px;height:82px;position:absolute}.donut div{text-align:center;position:relative}.donut strong,.donut small{display:block}.donut strong{font-size:14px}.donut small{color:#8b95a3;font-size:10px}.legend{align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.legend i{background:var(--lime);border-radius:2px;width:8px;height:8px}.legend i.c1{background:#50a7d8}.legend i.c2{background:#9a7bdd}.legend i.c3{background:#e7eaed}.legend span{flex:1}.staff-cards{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.staff-card-head{justify-content:space-between;display:flex}.staff-avatar{border-radius:16px;width:55px;height:55px;font-size:18px}.staff-card h2{margin:16px 0 4px;font-size:15px}.staff-card>p{color:#84909f;font-size:11px}.staff-numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:15px 0;padding:14px 0;display:grid}.staff-numbers div+div{border-left:1px solid var(--line);padding-left:13px}.staff-numbers small,.staff-numbers b{display:block}.staff-numbers small{color:#8a95a4;font-size:10px}.staff-numbers b{margin-top:5px;font-size:11px}.staff-card>.outline-button{width:100%}.attendance-grid{grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px;display:grid}.clock-card{background:var(--navy);color:#fff;text-align:center;border-radius:15px;padding:28px}.clock{letter-spacing:-2px;margin:17px 0 4px;font-size:48px;font-weight:900}.clock small{color:var(--lime);font-size:20px}.clock-card p{color:#93a0b2;font-size:11px}.clock-button{background:var(--lime);border:0;border-radius:10px;margin-top:12px;padding:13px 19px;font-size:11px;font-weight:900}.clock-button span{margin-left:28px}.clock-button.out{background:#ff9f8e}.monthly-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.monthly-grid small,.monthly-grid strong{display:block}.monthly-grid small{color:#83909f;font-size:10px}.monthly-grid strong{margin-top:4px;font-size:23px}.monthly-grid em{font-size:10px;font-style:normal}.progress{background:#edf0f2;border-radius:8px;height:7px;margin-top:24px;overflow:hidden}.progress span{background:var(--lime);height:100%;display:block}.monthly>p{color:#8a96a5;font-size:10px}.tr{border-top:1px solid var(--line);grid-template-columns:1.2fr repeat(5,1fr);padding:12px 5px;font-size:11px;display:grid}.tr.head{color:#8b96a4;border:0;font-size:10px}.tr b{color:#35916b}.tr b.warning{color:#d48833}.profile-hero{background:var(--navy);color:#fff;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:25px 28px;display:flex}.profile-hero>div{align-items:center;gap:16px;display:flex}.profile-avatar{border-radius:18px;width:62px;height:62px;font-size:20px}.profile-hero h1{margin:4px 0}.profile-hero p{color:#8e9aac}.clock-button.mini{margin:0}.outline-button.small{padding:7px 10px}.toast{background:var(--navy);color:#fff;z-index:60;border-radius:12px;padding:13px 18px;font-size:11px;font-weight:800;position:fixed;bottom:25px;right:25px;box-shadow:0 14px 40px #07111f44}.toast span{background:var(--lime);color:var(--navy);border-radius:50%;place-items:center;width:21px;height:21px;margin-right:10px;display:inline-grid}.shift-panel{overflow-x:auto}.shift-table{min-width:860px}.shift-row{border-top:1px solid var(--line);grid-template-columns:150px repeat(7,1fr);align-items:center;min-height:62px;display:grid}.shift-row.head{color:#8793a2;border:0;min-height:38px;font-size:10px}.shift-row>span{text-align:center;padding:8px;font-size:10px}.shift-person{align-items:center;gap:9px;display:flex;text-align:left!important}.shift-person .avatar{width:30px;height:30px;font-style:normal}.shift-on{color:#52651a;background:#eef8d2;border-radius:7px;margin:5px;font-weight:800}.shift-off{color:#9aa3ae}.payment-table .tr{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr}.chart-toolbar{justify-content:space-between;align-items:center;padding:16px 0 5px;display:flex}.chart-toolbar strong{font-size:12px}.chart-toolbar .primary-button{padding:9px 12px}.chart-entry{border-top:1px solid var(--line);grid-template-columns:54px 1fr;gap:14px;padding:18px 0;display:grid}.chart-entry h3{margin:10px 0 7px;font-size:12px}.chart-entry p{color:#667385;margin:4px 0;font-size:11px;line-height:1.7}.chart-entry p b{color:var(--ink)}.member-info{grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;display:grid}.member-info div{background:#f6f8f9;border-radius:9px;padding:13px}.member-info small,.member-info b{display:block}.member-info small{color:#8793a2;margin-bottom:5px;font-size:10px}.member-info b{font-size:10px}.simple-history{padding-top:8px}.modal-backdrop{z-index:80;background:#08111ebb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.payment-modal{background:#fff;border-radius:17px;width:min(510px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 25px 80px #0005}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head h2{margin:5px 0 0;font-size:19px}.modal-head>button{background:#f1f3f5;border:0;border-radius:8px;width:31px;height:31px}.payment-modal label{color:#667385;margin:12px 0;font-size:11px;font-weight:800;display:block}.payment-modal input,.payment-modal select,.payment-modal textarea{width:100%;color:var(--ink);background:#f8f9fa;border:1px solid #dfe3e8;border-radius:8px;margin-top:6px;padding:11px;font-size:10px;display:block}.payment-modal label small{color:#98a1ad;margin-top:4px;font-size:10px;display:block}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.method-buttons{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px;display:grid}.method-buttons button{background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:11px 5px;font-size:11px;font-weight:800}.method-buttons button.active{background:var(--navy);border-color:var(--navy);color:var(--lime)}.payment-modal textarea{resize:vertical;min-height:58px}.save-payment{background:var(--lime);width:100%;color:var(--navy);border:0;border-radius:9px;margin-top:5px;padding:13px;font-weight:900}.attendance-admin{margin-bottom:18px;padding:0;overflow:hidden}.attendance-filters{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.attendance-filters>div{align-items:center;gap:8px;display:flex}.attendance-filters button,.attendance-filters select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:11px}.attendance-filters strong{font-size:12px}.attendance-table{overflow-x:auto}.attendance-row{border-top:1px solid var(--line);grid-template-columns:80px 150px 90px repeat(5,85px) 60px;align-items:center;min-width:980px;min-height:58px;padding:0 18px;font-size:11px;display:grid}.attendance-row.head{color:#8793a2;background:#f7f8f9;border:0;min-height:39px;font-size:10px}.attendance-row .staff-name{align-items:center;gap:8px;display:flex}.attendance-row .avatar{width:29px;height:29px;font-style:normal}.attendance-row b{font-size:11px}.attendance-row .warning{color:#d27f2c;background:#fff2dd;border-radius:6px;padding:4px 6px}.edit-attendance{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800}.staff-summary{margin-bottom:18px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.summary-grid article{background:#f7f8f9;border-radius:10px;grid-template-columns:38px 1.5fr repeat(3,1fr) 48px;align-items:center;gap:9px;padding:11px;display:grid}.summary-grid article>.avatar{width:34px;height:34px}.summary-grid strong,.summary-grid small,.summary-grid b{display:block}.summary-grid strong{font-size:11px}.summary-grid small{color:#8994a3;font-size:10px}.summary-grid b{margin-top:3px;font-size:10px}.summary-grid button{background:#fff;border:0;border-radius:6px;padding:6px;font-size:10px;font-weight:800}@media (width<=1100px){.metrics,.staff-cards{grid-template-columns:repeat(2,1fr)}.customer-layout,.sales-grid{grid-template-columns:1fr}.record-panel{min-height:420px}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-menu{color:#fff;background:0 0;border:0;font-size:24px;display:block;position:absolute;top:15px;right:15px}.overlay{z-index:25;background:#08111e88;border:0;position:fixed;inset:0}.main-wrap{margin:0}header{justify-content:space-between;height:60px;padding:0 17px}.hamburger{background:0 0;border:0;font-size:20px;display:block}.mobile-title{font-size:12px;font-weight:900;display:block}.today{display:none}main{padding:22px 15px}.hero-row{align-items:flex-start;gap:15px}.hero-row h1,.profile-hero h1{font-size:21px}.hero-row p{font-size:10px}.primary-button{white-space:nowrap;padding:11px 12px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card>strong{font-size:19px}.dashboard-grid,.attendance-grid{grid-template-columns:1fr}.appointment{gap:8px}.staff-chip{display:none}.chart-panel{overflow:hidden}.customer-layout{display:block}.customer-list-panel{margin-bottom:14px}.record-head p{display:none}.record-stats{padding:10px}.record-stats div{padding:0 8px}.calendar-panel{overflow-x:auto}.calendar-grid,.calendar-tools{min-width:650px}.sales-grid,.staff-cards{grid-template-columns:1fr}.staff-cards{display:grid}.staff-card{grid-template-columns:70px 1fr;display:grid}.staff-card-head{grid-row:1/4}.staff-card h2{margin:4px 0}.staff-card>p{margin:0}.staff-numbers,.staff-card>.outline-button{grid-column:1/3}.history{overflow:auto}.table{min-width:650px}.profile-hero{padding:20px}.profile-avatar{width:48px;height:48px}.profile-hero .clock-button{display:none}.button-group{flex-direction:column}.karte-meta{flex-wrap:wrap}}@media (width<=900px){.summary-grid{grid-template-columns:1fr}.attendance-filters{flex-direction:column;align-items:flex-start;gap:10px}}.staff-portal{background:#f4f6f8;max-width:760px;min-height:100vh;margin:auto;padding:0 22px 45px}.staff-header{background:#fff;justify-content:space-between;height:70px;margin:0 -22px 24px;padding:0 24px;display:flex;position:static}.staff-header img{width:150px;max-height:48px}.staff-header span{color:#788497;background:#f0f2f4;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:900}.staff-welcome{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.staff-welcome>div{align-items:center;gap:12px;display:flex}.staff-welcome .avatar{border-radius:14px;width:48px;height:48px}.staff-welcome small,.staff-welcome p{color:#7e8a9a;margin:0;font-size:10px}.staff-welcome h1{margin:3px 0;font-size:18px}.staff-welcome>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:10px}.staff-clock-panel{background:var(--navy);color:#fff;text-align:center;border-radius:18px;padding:28px;box-shadow:0 18px 45px #0d192a22}.staff-live-clock{letter-spacing:-2px;margin:13px 0;font-size:50px;font-weight:900}.staff-live-clock small{color:var(--lime);font-size:20px}.work-state{color:#9aa7b7;font-size:11px}.work-state i{background:#8390a1;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.work-state.is-working i{background:#55d59a}.work-state.is-break i{background:#ffc15a}.punch-main{background:var(--lime);width:min(330px,100%);color:var(--navy);border:0;border-radius:11px;margin-top:22px;padding:15px;font-weight:900}.punch-main span{float:right}.punch-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.punch-actions button{color:#fff;background:#24354a;border:0;border-radius:10px;padding:14px;font-weight:800}.punch-actions .leave{color:var(--navy);background:#ff9f8e}.punch-message{color:var(--lime);margin:12px 0 0;font-size:10px}.staff-portal-grid{grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;display:grid}.staff-mini-card,.staff-history-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px}.staff-mini-card small,.staff-mini-card p{color:#8290a1;margin:0;font-size:10px}.staff-mini-card strong{margin:8px 0 5px;font-size:15px;display:block}.staff-history-card>div{margin-bottom:8px}.staff-history-card h2{margin:0 0 3px;font-size:13px}.staff-history-card small{color:#8995a3;font-size:10px}.staff-history-card article{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr 90px;align-items:center;gap:8px;padding:12px 0;font-size:10px;display:grid}.record-status{color:#3d83ba;text-align:center;background:#eaf4ff;border-radius:7px;padding:5px;font-weight:800}.record-status.done{color:#338b65;background:#e8f7ef}@media (width<=520px){.staff-portal{padding:0 14px 35px}.staff-header{margin:0 -14px 20px}.staff-portal-grid{grid-template-columns:1fr}.staff-history-card article{grid-template-columns:1fr 1fr}.staff-history-card article .record-status{grid-area:1/2}}.shift-list-row{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr 1fr .7fr;align-items:center;min-width:650px;min-height:58px;padding:0 12px;font-size:11px;display:grid}.shift-list-row.head{color:#8793a2;background:#f7f8f9;border:0;min-height:38px;font-size:10px}.empty-shifts,.staff-empty{text-align:center;color:#8b96a4;padding:28px;font-size:11px}.off-check{background:#f7f8f9;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex!important}.off-check input{width:auto!important;margin:0!important}.staff-shifts{margin-bottom:15px}.staff-shifts article{grid-template-columns:1.2fr 1.5fr 90px}.dynamic-event{appearance:none;text-align:left;z-index:3;cursor:pointer;overflow:hidden}.dynamic-event.tone-1{background:#f2edff;border-color:#9673e5}.dynamic-event.tone-2{background:#ebf9f2;border-color:#5fc494}.dynamic-event.tone-3{background:#fff1e8;border-color:#f5a06b}.booking-list{margin-top:18px}.booking-row{border-top:1px solid var(--line);grid-template-columns:55px 1fr 85px 72px 60px 78px;align-items:center;gap:9px;padding:13px 4px;font-size:11px;display:grid}.booking-row>div strong,.booking-row>div small{display:block}.booking-row>div small{color:#83909f;margin-top:3px}.booking-row>button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 5px;font-size:10px;font-weight:800}.booking-row>.visit-button{color:#53691a;background:#eef8d2;border-color:#dce9ae}.booking-row>button:disabled{opacity:.4}.booking-row.cancelled{opacity:.45}.booking-row.cancelled>div{text-decoration:line-through}@media (width<=760px){.booking-row{grid-template-columns:42px 1fr 70px}.booking-row>button{grid-row:2}.booking-row>.visit-button{grid-column:1}.booking-row>button:nth-last-child(2){grid-column:2}.booking-row>button:last-child{grid-column:3}}.staff-appointments{border-color:#dfeab8;margin-bottom:15px}.staff-section-head{justify-content:space-between;align-items:center;display:flex}.staff-section-head>div{margin:0}.staff-section-head>b{background:var(--navy);color:var(--lime);border-radius:8px;padding:7px 10px;font-size:11px}.staff-appointments article{grid-template-columns:60px 1fr 90px}.staff-appointments article>strong{font-size:14px}.staff-appointments article>div b,.staff-appointments article>div small{display:block}.staff-appointments article>div small{color:#8995a3;margin-top:3px}.staff-appointments .appointment-note{color:#5c6878;margin-top:6px}.wage-panel{margin-bottom:18px}.wage-actions{align-items:center;gap:12px;display:flex}.wage-actions>span{color:#378b65;font-size:11px;font-weight:800}.wage-actions .primary-button{padding:9px 13px}.wage-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.wage-card{background:#f7f8f9;border:1px solid #edf0f2;border-radius:11px;grid-template-columns:38px 1fr 145px;align-items:center;gap:10px;padding:12px;display:grid}.wage-card>.avatar{width:35px;height:35px}.wage-card>span b,.wage-card>span small{display:block}.wage-card>span b{font-size:10px}.wage-card small{color:#8793a2;font-size:10px}.wage-card>div{grid-template-columns:auto auto 1fr;align-items:center;gap:4px;display:grid}.wage-card>div small{grid-column:1/4}.wage-card>div span{font-size:11px;font-weight:900}.wage-card input{background:#fff;border:1px solid #dfe3e8;border-radius:7px;width:100%;min-width:0;padding:8px;font-size:11px;font-weight:800}@media (width<=760px){.wage-grid{grid-template-columns:1fr}.wage-card{grid-template-columns:38px 1fr 125px}.wage-panel .section-title{align-items:flex-start;gap:10px}.wage-actions{flex-direction:column;align-items:flex-end}}.summary-grid.payroll-grid article{grid-template-columns:38px 1.5fr repeat(3,1fr) 1.15fr}.payroll-amount{background:#eef8d2;border-radius:8px;padding:8px}.payroll-amount b{color:#31410f}@media (width<=760px){.summary-grid.payroll-grid article{grid-template-columns:38px 1fr 1fr}.summary-grid.payroll-grid article>div:nth-of-type(n+2){margin-top:8px}.payroll-amount{grid-column:2/4}}.monthly-shift-panel{padding:0;overflow:hidden}.monthly-shift-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 19px;display:flex}.monthly-shift-tools>div{align-items:center;gap:10px;display:flex}.monthly-shift-tools h2{margin:0;font-size:13px}.monthly-shift-tools button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 10px}.monthly-shift-tools>span{color:#8793a2;font-size:10px}.monthly-shift-scroll{overflow-x:auto}.monthly-shift-grid{min-width:max-content;display:grid}.month-corner,.month-day,.month-staff,.month-cell{border-bottom:1px solid #e8ebef;border-right:1px solid #e8ebef}.month-corner{z-index:4;background:#f7f8f9;padding:14px;font-size:11px;font-weight:900;position:sticky;left:0}.month-day{text-align:center;background:#f7f8f9;padding:8px 3px}.month-day b,.month-day small{display:block}.month-day b{font-size:10px}.month-day small{color:#8a95a3;margin-top:2px;font-size:10px}.month-day.sun,.month-cell.sun{background:#fff6f4}.month-day.sun b{color:#df7266}.month-day.sat,.month-cell.sat{background:#f3f8ff}.month-day.sat b{color:#4f8bc2}.month-staff{z-index:3;background:#fff;align-items:center;gap:8px;padding:10px;display:flex;position:sticky;left:0}.month-staff .avatar{width:29px;height:29px}.month-staff b,.month-staff small{display:block}.month-staff b{font-size:11px}.month-staff small{color:#8995a3;font-size:10px}.month-cell{color:#95a0ad;background:#fff;border-top:0;border-left:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;display:flex}.month-cell:hover{box-shadow:inset 0 0 0 2px var(--lime)}.month-cell.on{color:#465b16;background:#f1f8d9}.month-cell.off{color:#86909d;background:#f3f4f5}.month-cell b,.month-cell small{font-size:10px}.month-cell>span{font-size:12px}.shift-legend{color:#7f8b9a;gap:16px;padding:13px 18px;font-size:10px;display:flex}.shift-legend span{align-items:center;gap:5px;display:flex}.shift-legend i{background:#fff;border:1px solid #dfe3e8;border-radius:3px;width:9px;height:9px}.shift-legend .legend-on{background:#f1f8d9;border-color:#dbe8aa}.shift-legend .legend-off{background:#f3f4f5}.sales-period{align-items:center;gap:6px;margin:-8px 0 14px;display:flex}.sales-period>span{color:#7f8b99;margin-right:4px;font-size:10px}.sales-period button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:800}.sales-period button.active{background:var(--navy);border-color:var(--navy);color:var(--lime)}.help-box{color:#fff;text-align:left;cursor:pointer;border-color:#27374c;width:100%}.search-row button:disabled{opacity:.45}.toast{align-items:center;max-width:min(420px,100vw - 30px);display:flex}.toast.error{background:#7f2929}.toast.error span{background:#ffb4aa}.toast>button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:14px;font-size:17px;line-height:1}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:2px;outline:3px solid #8fba16}.punch-message.error{color:#ffb4aa}.punch-message.success{color:var(--lime)}.empty-state{text-align:center;padding:52px 22px}.empty-state>span{color:#4d6415;background:#eef8d2;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 14px;font-size:25px;display:grid}.empty-state h2{margin:0 0 8px;font-size:17px}.empty-state p{color:var(--muted);max-width:420px;margin:0 auto 20px;font-size:10px}.view-toggle span{background:var(--navy);color:var(--lime);border-radius:8px;align-items:center;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.staff-account-panel{padding:0;overflow:hidden}.staff-account-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.staff-account-head h2{margin:0 0 4px;font-size:14px}.staff-account-head p{color:var(--muted);margin:0;font-size:10px}.staff-account-head>span{color:#53691a;background:#eef8d2;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:900}.staff-account-list article{border-top:1px solid var(--line);grid-template-columns:38px 1.3fr 1fr .8fr 70px 230px;align-items:center;gap:12px;padding:14px 20px;display:grid}.staff-account-list article:first-child{border-top:0}.staff-account-list article.inactive{opacity:.58;background:#f7f8f9}.staff-account-list .avatar{width:36px;height:36px}.staff-account-list strong,.staff-account-list small,.staff-account-list b{display:block}.staff-account-list small{color:var(--muted);font-size:10px}.staff-account-list strong,.staff-account-list b{font-size:10px}.account-state{text-align:center;color:#7d8896;background:#f0f2f4;border-radius:7px;padding:6px;font-size:10px;font-weight:900}.account-state.active{color:#338b65;background:#e8f7ef}.account-actions{justify-content:flex-end;gap:6px;display:flex}.account-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:800}.account-actions .stop{color:#b75048;border-color:#efc5c1}.account-actions .resume{color:#338b65;border-color:#b9ddc9}.account-guide{background:#f1f8d9;border-radius:9px;flex-direction:column;gap:4px;margin:14px 0;padding:12px;display:flex}.account-guide b{font-size:11px}.account-guide span{color:#647247;font-size:10px}@media (width<=760px){main{padding-bottom:88px}.hero-row{flex-direction:column}.hero-row>.primary-button,.hero-row>.button-group{width:100%}.hero-row>.primary-button,.button-group button{min-height:44px}.metrics{grid-template-columns:1fr}.customer-list-panel{max-height:42vh;overflow:auto}.record-stats{grid-template-columns:1fr}.record-stats div{border-top:1px solid #e0e4e8;border-left:0;padding:10px 4px}.record-stats div:first-child{border-top:0}.tabs{gap:4px;overflow-x:auto}.tabs button{min-width:max-content;padding:11px 8px}.form-pair{grid-template-columns:1fr}.payment-modal{border-radius:15px;padding:19px 16px}.payment-modal input,.payment-modal select,.payment-modal textarea{min-height:44px;font-size:16px}.method-buttons button{min-height:44px}.monthly-shift-tools{flex-direction:column;align-items:flex-start;gap:12px}.monthly-tool-actions{justify-content:space-between;width:100%}.monthly-shift-grid{grid-template-columns:118px repeat(var(--days,31),58px)}.month-corner,.month-staff{width:118px}.attendance-row{grid-template-columns:1fr 1fr;gap:8px;min-width:0;padding:12px 14px}.attendance-row.head{display:none}.attendance-row>span{justify-content:space-between;gap:8px;display:flex}.attendance-row>span:nth-child(2){grid-column:1/3}.attendance-row>span:nth-child(9){grid-column:2}.attendance-row>span:before{color:#8995a3;font-size:10px}.attendance-row>span:first-child:before{content:"日付"}.attendance-row>span:nth-child(3):before{content:"雇用形態"}.attendance-row>span:nth-child(4):before{content:"出勤"}.attendance-row>span:nth-child(5):before{content:"退勤"}.attendance-row>span:nth-child(6):before{content:"休憩"}.attendance-row>span:nth-child(7):before{content:"勤務時間"}.attendance-row>span:nth-child(8):before{content:"状態"}.booking-list{overflow:hidden}.booking-row{grid-template-columns:52px 1fr;gap:8px;padding:14px 2px}.booking-row>span.status{grid-column:2}.booking-row>button{min-height:40px;grid-area:auto!important}.booking-row>.visit-button{grid-column:1}.toast{font-size:12px;bottom:15px;left:15px;right:15px}.staff-live-clock{font-size:42px}.punch-main,.punch-actions button{min-height:52px;font-size:14px}.staff-history-card article{font-size:11px}.staff-history-card small{font-size:10px}.staff-appointments article{grid-template-columns:54px 1fr}.staff-appointments article .record-status{grid-column:2}.staff-header img{width:132px}}@media (width<=900px){.staff-account-list article{grid-template-columns:38px 1fr 80px}.staff-account-list article>div:nth-of-type(2),.staff-account-list article>div:nth-of-type(3){display:none}.account-actions{grid-column:1/4;justify-content:stretch}.account-actions button{flex:1;min-height:40px}.staff-account-head{align-items:flex-start;gap:10px}.staff-account-head p b{word-break:break-all}}.member-payment-history{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.member-payment-history h3{font-size:11px}.member-payment-history>div{border-top:1px solid #eef0f2;justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.member-payment-history>div span{color:#758293}.payment-status-cell{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.payment-status-cell button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:4px 5px;font-size:10px}.payment-status-cell .warning{color:#c87527}.admin-settings-panel{max-width:820px}.admin-settings-form{gap:4px;display:grid}.admin-settings-form label{color:#667385;margin:8px 0;font-size:10px;font-weight:800;display:block}.admin-settings-form input{width:100%;color:var(--ink);background:#f8f9fa;border:1px solid #dfe3e8;border-radius:9px;margin-top:6px;padding:12px;font-size:11px;display:block}.admin-settings-form label small{color:#98a1ad;margin-top:5px;font-size:10px;display:block}.settings-save{justify-self:end;min-width:190px;margin-top:8px}@media (width<=760px){.admin-settings-form input{min-height:44px;font-size:16px}.settings-save{justify-self:stretch;width:100%}}.staff-portal{font-size:14px}.staff-header span{font-size:12px}.staff-welcome small,.staff-welcome p{font-size:12px;line-height:1.55}.staff-welcome>button{font-size:12px}.work-state{font-size:13px}.punch-main,.punch-actions button{font-size:14px}.punch-message{font-size:12px;line-height:1.6}.staff-mini-card small,.staff-mini-card p{font-size:12px;line-height:1.55}.staff-history-card h2{font-size:15px}.staff-history-card small{font-size:12px}.staff-history-card article{font-size:12px;line-height:1.5}.shift-list-row,.shift-list-row.head,.empty-shifts,.staff-empty,.staff-section-head>b,.record-status{font-size:12px}.staff-appointments .appointment-note{font-size:12px;line-height:1.55}@media (width<=520px){.staff-welcome h1{font-size:20px}.staff-history-card article{font-size:13px}.staff-history-card small,.staff-mini-card small,.staff-mini-card p{font-size:12px}}.manual-backdrop{z-index:100;background:#07111fcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.manual-panel{background:#f7f8f9;border-radius:20px;width:min(900px,100%);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 30px 90px #0006}.manual-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.manual-head h2{margin:7px 0;font-size:24px}.manual-head p{color:var(--muted);margin:0;font-size:13px}.manual-head>button{background:#e8ebef;border:0;border-radius:10px;width:38px;height:38px;font-size:22px}.manual-quick{background:var(--navy);color:#fff;border-radius:13px;flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0;padding:15px 17px;display:flex}.manual-quick b{color:var(--lime);margin-right:5px}.manual-quick span{font-size:12px;font-weight:800}.manual-quick i{color:#8290a3;font-style:normal}.manual-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.manual-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:38px 1fr;gap:12px;padding:16px;display:grid}.manual-grid article>b{color:#526718;background:#eef8d2;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.manual-grid h3{margin:2px 0 7px;font-size:14px}.manual-grid p{color:#667385;margin:0;font-size:12px;line-height:1.7}.manual-grid ul{color:#536174;margin:10px 0 0;padding-left:18px}.manual-grid li{margin:3px 0;font-size:11px;line-height:1.65}.manual-grid li::marker{color:#95b61c}.manual-close{background:var(--navy);color:#fff;border:0;border-radius:10px;margin:20px auto 0;padding:12px 25px;font-weight:900;display:block}@media (width<=680px){.manual-backdrop{padding:10px}.manual-panel{border-radius:16px;padding:20px 15px}.manual-head h2{font-size:20px}.manual-grid{grid-template-columns:1fr}.manual-quick{align-items:flex-start}.manual-quick b{width:100%}}.monthly-tool-actions{align-items:center;gap:9px;display:flex}.monthly-tool-actions span{color:#8793a2;font-size:10px}.monthly-tool-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}.modal-actions{align-items:center;gap:9px;display:flex}.modal-actions .save-payment{flex:1}.danger-button{color:#b75048;background:#fff3f2;border:1px solid #efc5c1;border-radius:9px;margin-top:5px;padding:13px;font-weight:800}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.login-loading{color:#555;background:#f5f6f3;place-items:center;min-height:100vh;font:600 14px system-ui;display:grid}.login-page{background:radial-gradient(circle at 100% 0,#eaff93 0,#0000 32%),#f4f5f1;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:28px;width:min(100%,430px);padding:42px;box-shadow:0 22px 70px #0f140f1f}.login-card img{width:170px;height:auto;margin:0 0 36px;display:block}.login-card h1{margin:8px 0;font-size:30px}.login-card>p{color:#6b7069;margin-bottom:28px;line-height:1.7}.login-card form{gap:18px;display:grid}.login-card label{gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{height:50px;font:inherit;border:1px solid #dfe2dc;border-radius:12px;padding:0 14px}.login-card form button{color:#fff;cursor:pointer;background:#151a15;border:0;border-radius:13px;height:52px;font-weight:800}.login-card a{text-align:center;color:#555;margin-top:24px;font-size:13px;display:block}.login-error{background:#fff0f0;border-radius:10px;color:#b42318!important;margin:0!important;padding:10px 12px!important}.xserver-logout{z-index:50;color:#fff;cursor:pointer;background:#151a15;border:0;border-radius:999px;padding:11px 18px;position:fixed;bottom:22px;right:26px;box-shadow:0 8px 24px #0003}