:root{--operator-navy:#12211b;--operator-green:#176044;--operator-bg:#f3f6f4}
.operator-body{margin:0;background:var(--operator-bg);color:#17221d;min-height:100vh;font-family:"Yu Gothic","Meiryo",sans-serif}
.operator-auth-card,.operator-login{min-height:100vh;display:grid;place-items:center;padding:24px}.operator-auth-card{align-content:center;gap:14px;color:#52615a}.operator-spinner{width:34px;height:34px;border:3px solid #d9e3dd;border-top-color:var(--operator-green);border-radius:50%;animation:operator-spin .8s linear infinite}@keyframes operator-spin{to{transform:rotate(360deg)}}
.operator-login-card{width:min(460px,100%);padding:42px;background:#fff;border:1px solid #d8e0db;border-radius:20px;box-shadow:0 26px 70px #17352218;text-align:center}.operator-brand-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 20px;border-radius:15px;background:var(--operator-green);color:#fff;font-size:25px;font-weight:900}.operator-login-card h1{margin:5px 0 13px;font-size:29px}.operator-login-card>p:not(.eyebrow){color:#607068;font-size:13px;line-height:1.8}.operator-login-button{display:block;margin-top:26px;padding:14px 20px;border-radius:11px;background:var(--operator-green);color:#fff;text-decoration:none;font-weight:800}.operator-tenant-link{display:block;margin-top:18px;color:#607068;font-size:12px}.operator-error{margin-top:17px;padding:12px;border-radius:9px;background:#fff0ec;color:#9c402b;font-size:12px}
.operator-shell{min-height:100vh}.operator-sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:25px 18px;background:var(--operator-navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.operator-logo{display:flex;align-items:center;gap:10px}.operator-logo span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#2d8061;font-weight:900}.operator-sidebar>div>small{display:block;margin:8px 0 28px 46px;color:#9db4a8;font-size:10px}.operator-sidebar nav button{width:100%;display:flex;gap:10px;align-items:center;padding:12px;border:0;border-radius:10px;background:#ffffff16;color:#fff;text-align:left;font-weight:700}.operator-sidebar-foot{display:grid;gap:10px}.operator-sidebar-foot a,.operator-sidebar-foot button{border:1px solid #ffffff25;border-radius:9px;padding:10px;background:transparent;color:#dce7e1;text-decoration:none;font-size:11px;text-align:left}.operator-main{margin-left:230px;padding:30px 34px 60px;max-width:1500px}.operator-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:22px}.operator-header h1{margin:4px 0;font-size:28px}.operator-header p:not(.eyebrow){margin:0;color:#607068;font-size:12px}.operator-head-actions{display:flex;gap:9px;align-items:center}.operator-head-actions>span{color:#607068;font-size:11px}.operator-toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:13px 17px;border-radius:10px;background:#17221d;color:#fff;box-shadow:0 12px 35px #0003;font-size:12px}.operator-option-requests{margin-top:18px;padding:15px;border:1px solid #d7e0da;border-radius:11px;background:#fff}.operator-option-requests h5{margin:0 0 10px}.operator-option-request{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.operator-option-request:first-of-type{border-top:0}.operator-option-request small{display:block;color:#68776f;margin-top:3px}.operator-request-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf1ef;color:#506159;font-size:10px;font-weight:800}.operator-request-status.pending{background:#fff4dd;color:#926314}.operator-request-status.approved{background:#e6f3eb;color:#176044}.operator-request-status.rejected{background:#f6e8e5;color:#954532}.operator-request-actions{display:flex;gap:7px}.operator-request-actions button{padding:8px 11px;font-size:11px}
.operator-pricing-form{background:#fff;border:1px solid #d7e0da;border-radius:14px;padding:17px}.operator-pricing-form>#operatorPricingFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:410px;overflow:auto;padding:2px}.operator-price-card{display:block;border:1px solid #dfe6e2;border-radius:10px;padding:12px;background:#fafcfb}.operator-price-card>span{display:block;color:#66766e;font-size:9px}.operator-price-card>strong{display:block;margin:4px 0 10px;font-size:12px;min-height:34px}.operator-price-card>div{display:flex;align-items:center;gap:6px}.operator-price-card input{min-width:0;width:100%;text-align:right}.operator-price-card em{flex:0 0 auto;color:#66766e;font-size:9px;font-style:normal}.operator-price-base{border-color:#9fc4b1;background:#edf6f1}.operator-pricing-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.operator-pricing-foot small{color:#66766e}
.operator-commercial-panel{margin-top:20px;padding:17px;border:1px solid #cbdad2;border-radius:12px;background:#fff}.operator-commercial-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.operator-commercial-head h5{margin:0;font-size:15px}.operator-commercial-head small{display:block;margin-top:4px;color:#66766e}.operator-commercial-head>strong{color:#176044;font-size:13px}.operator-usage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.operator-usage-grid>div{padding:11px;border-radius:9px;background:#f2f6f3}.operator-usage-grid small,.operator-usage-grid strong,.operator-usage-grid span{display:block}.operator-usage-grid small{color:#66766e;font-size:9px}.operator-usage-grid strong{margin-top:5px;font-size:15px}.operator-usage-grid span{margin-top:4px;color:#7b8881;font-size:8px;line-height:1.4}.operator-billing-settings{margin-top:14px;border-top:1px solid #e2e8e4}.operator-billing-settings summary{padding:12px 0 8px;cursor:pointer;font-weight:800;font-size:11px}.operator-billing-profile{display:grid;grid-template-columns:1fr 1.4fr 1fr 110px auto;gap:9px;align-items:end;padding-bottom:12px}.operator-billing-profile label span,.operator-invoice-create label span{display:block;margin-bottom:5px;color:#66766e;font-size:9px}.operator-billing-wide{grid-column:span 2}.operator-billing-profile textarea{min-height:42px}.operator-invoice-create{padding:13px;border-radius:10px;background:#f5f8f6}.operator-invoice-create form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:9px;align-items:end}.operator-invoice-create>small{display:block;margin-top:8px;color:#66766e;font-size:9px}.operator-invoice-list{margin-top:12px}.operator-invoice-row{display:grid;grid-template-columns:minmax(190px,1fr) auto 140px auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #edf1ef}.operator-invoice-row:first-child{border-top:0}.operator-invoice-row small{display:block;margin-top:3px;color:#66766e;font-size:9px}.operator-invoice-status{padding:4px 8px;border-radius:999px;background:#edf1ef;font-size:9px;font-weight:800}.operator-invoice-status.issued,.operator-invoice-status.partially_paid{background:#fff3dc;color:#8a5b0b}.operator-invoice-status.paid{background:#e5f3ea;color:#176044}.operator-invoice-status.void{background:#f3e9e7;color:#934636}.operator-invoice-money{text-align:right}.operator-invoice-actions{display:flex;gap:5px}.operator-invoice-actions button{padding:7px 9px;font-size:9px}.operator-billing-empty{padding:15px;text-align:center;color:#66766e;font-size:10px}
.operator-pricing-form>h5{margin:0 0 10px}.operator-global-billing{margin-top:14px;border:1px solid #dfe6e2;border-radius:11px;background:#fafcfb}.operator-global-billing summary{cursor:pointer;padding:12px 14px;font-size:11px;font-weight:800}.operator-usage-pricing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 13px 13px}.operator-usage-price-card{padding:12px;border:1px solid #dde5e0;border-radius:10px;background:#fff}.operator-usage-toggle{display:flex;gap:8px;align-items:flex-start}.operator-usage-toggle input{width:17px;height:17px;accent-color:#176044}.operator-usage-toggle strong,.operator-usage-toggle small{display:block}.operator-usage-toggle small{margin-top:3px;color:#66766e;font-size:9px}.operator-usage-price-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.operator-usage-price-card>div span,.operator-issuer-fields span{display:block;margin-bottom:4px;color:#66766e;font-size:9px}.operator-issuer-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 13px 13px}.operator-issuer-wide{grid-column:1/-1}
.operator-notification-actions{display:flex;gap:8px;align-items:center}.operator-notification-list{display:grid;gap:8px}.operator-notification-item{display:grid;grid-template-columns:auto 1fr;gap:12px;width:100%;padding:13px 15px;border:1px solid #dce4df;border-radius:11px;background:#fff;color:#17221d;text-align:left}.operator-notification-item.unread{border-color:#d0ac61;background:#fffaf0;box-shadow:inset 3px 0 #c58b22}.operator-notification-item strong,.operator-notification-item small,.operator-notification-item p{display:block;margin:0}.operator-notification-item small{margin-top:3px;color:#66766e;font-size:10px}.operator-notification-item p{margin-top:7px;color:#42564d;font-size:11px;white-space:pre-wrap}.operator-notification-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3ef;color:#176044;font-weight:900}.operator-notification-item.unread .operator-notification-mark{background:#fff0cc;color:#8a5b0b}.operator-notification-section .platform-count.pending{background:#fff0cc;color:#8a5b0b}
@media(max-width:1200px){.operator-pricing-form>#operatorPricingFields{grid-template-columns:repeat(3,1fr)}.operator-usage-grid{grid-template-columns:repeat(3,1fr)}.operator-billing-profile{grid-template-columns:1fr 1fr}.operator-billing-wide{grid-column:span 2}.operator-invoice-create form{grid-template-columns:repeat(2,1fr)}.operator-invoice-row{grid-template-columns:1fr auto}.operator-invoice-money{text-align:left}.operator-invoice-actions{justify-content:flex-end}}
@media(max-width:900px){.operator-sidebar{position:static;width:auto;min-height:auto;flex-direction:row;align-items:center}.operator-sidebar nav{display:none}.operator-sidebar>div>small{margin:4px 0 0}.operator-sidebar-foot{display:flex}.operator-main{margin-left:0;padding:22px 16px}.operator-header{flex-direction:column}.operator-head-actions{flex-wrap:wrap}.operator-option-request{grid-template-columns:1fr}.operator-login-card{padding:30px 22px}}
@media(max-width:700px){.operator-pricing-form>#operatorPricingFields,.operator-usage-grid,.operator-billing-profile,.operator-invoice-create form,.operator-usage-pricing-fields,.operator-issuer-fields,.operator-usage-price-card>div{grid-template-columns:1fr}.operator-billing-wide,.operator-issuer-wide{grid-column:auto}.operator-commercial-head,.operator-pricing-foot{flex-direction:column}.operator-invoice-row{grid-template-columns:1fr}.operator-invoice-actions{justify-content:flex-start;flex-wrap:wrap}}