@charset "UTF-8";
:root{--navy:#101f35;--navy2:#162b47;--ink:#18283e;--muted:#8190a3;--line:#e9eef3;--bg:#f5f7fa;--green:#0a9d85;--gold:#d4b675;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #55bda8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.25;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.25px;margin-bottom:3px}h3{font-size:16px}p{margin-bottom:14px}.muted{color:var(--muted)}.small,small{font-size:12px}.mono{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.nowrap{white-space:nowrap}.green{color:var(--green)}.amber{color:#bc8428}.red{color:#c55762}.green-bg{background:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:#a7b5c9;z-index:40;display:flex;flex-direction:column;padding:26px 16px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30445e transparent}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:white;font-size:25px;font-weight:700;letter-spacing:1.5px;line-height:1.15}.brand-mark{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:27px;line-height:1;width:43px;height:43px;border:1px solid #7e9ba4;border-radius:12px;background:linear-gradient(150deg,#1a746d,#17394b);color:#bdebe0;transform:skewY(-4deg)}.brand-caption{display:block;font-size:8px;letter-spacing:2.3px;font-weight:500;color:#91a4ba;margin-top:6px}.workspace{display:flex;gap:10px;align-items:center;padding:14px 10px;margin:26px 0 20px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff04}.workspace b{font-size:11px;color:#d9e1ec;display:block}.workspace small{font-size:10px;display:block;color:#70849e}.workspace-icon{font-size:21px;color:#a8bebf;background:#ffffff08;border-radius:7px;padding:3px 10px}.nav-label{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#586e8b;padding:15px 15px 8px}.nav-item{display:flex;align-items:center;gap:12px;font-size:12px;padding:9px 14px;border-radius:7px;margin:2px 0;transition:.15s}.nav-item>span{font-size:17px;width:20px;text-align:center;color:#8094b0;line-height:1}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:linear-gradient(100deg,#214343,#1b343d);color:#dffbf1;box-shadow:inset 3px 0 #50cdb1}.nav-item.active>span{color:#6edcc3}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31bb9c;box-shadow:0 0 0 3px #31bb9c14;vertical-align:middle;margin-right:5px}.nav-item .live-dot{margin-left:auto}.sidebar-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff0b;margin:22px 0 0;padding:17px 10px}.sidebar-bottom b{display:block;color:#b3c0d0;font-size:10px}.sidebar-bottom small{display:block;font-size:9px;color:#607793}.shield{color:var(--gold);font-size:25px}.main-shell{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--line);height:77px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 13px;color:#cbd1da}.breadcrumb b{font-weight:500;color:#43526a}.topbar-right{display:flex;align-items:center;gap:13px}.environment{font-size:9px;font-weight:700;letter-spacing:1px;color:#8e7546;background:#fbf7ee;border:1px solid #efe7d7;border-radius:5px;padding:5px 9px;margin-right:12px}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#eaf1f2;color:#427269;font-weight:600}.user-info b,.user-info small{display:block;font-size:11px;line-height:1.5}.user-info small{font-size:10px;color:var(--muted)}.icon-button{border:0;background:transparent;font-size:20px;display:none}.content{padding:32px 36px 28px;flex:1;max-width:1780px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.page-heading p{font-size:12px;margin-bottom:0}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:2px;color:#8696a9;margin-bottom:9px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-chip{font-size:11px;border:1px solid #e2e8ee;background:white;border-radius:7px;padding:9px 13px;white-space:nowrap}.date-chip span{color:#99a4b1;padding-left:12px;border-left:1px solid #e8edf3;margin-left:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #dfe6ed;padding:9px 15px;border-radius:7px;color:#3c5066;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s}.button:hover{background:#f0f5f6}.button.primary{background:var(--navy2);border-color:var(--navy2);color:white}.button.primary:hover{background:#234466}.wide{width:100%}.text-button{border:0;background:transparent;color:#63788d;font-size:11px;padding:5px}.text-button:hover,.text-link:hover{color:#07957b}.text-link{font-size:11px;font-weight:600;color:#328b7e}.notice{padding:16px 19px;border:1px solid #e6decb;background:#fffcf4;border-radius:10px;color:#8d7448;font-size:12px;margin-bottom:20px;line-height:1.7;overflow-wrap:anywhere}.notice.success{background:#effaf5;border-color:#d3eee1;color:#24775a}.notice.danger{background:#fff1f2;border-color:#f4d1d5;color:#a33e4a}.notice b{font-weight:600}.onboarding{position:relative;padding:23px 26px;border:1px solid #dce9e7;border-radius:var(--radius);background:linear-gradient(112deg,#edf7f4,#f8fbfc 70%);margin-bottom:27px;overflow:hidden}.onboarding .eyebrow{color:#5d9b8d;font-size:8px;letter-spacing:1.8px}.onboarding h2{font-size:19px;letter-spacing:-.5px}.onboarding p{font-size:12px;color:#79918d;margin:7px 0 18px}.setup-count{position:absolute;right:28px;top:25px;font-size:24px;font-weight:600;color:#377f72;line-height:1.25;text-align:right}.setup-count small{display:block;font-size:10px;color:#84a59d;font-weight:400;margin-top:5px}.steps{display:flex;gap:8px;flex-wrap:wrap}.step{font-size:10px;background:#fff;border:1px solid #e2ecea;border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#546c69}.step>span{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#f0f4f4;color:#839997;font-size:9px}.step b{font-weight:400;color:#a5b9b4;margin-left:6px}.step.done>span{background:#dbf2e9;color:#228262}.step:hover{border-color:#80bdaf}.section-line{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-line h2{font-size:14px}.section-line .muted{font-size:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.kpi{border:1px solid var(--line);border-radius:var(--radius);padding:19px 21px 16px;background:white;box-shadow:0 3px 8px #16334e02}.kpi-label{font-size:11px;color:#7e8c9d;display:flex;justify-content:space-between;align-items:center}.metric-icon{display:inline-flex;justify-content:center;align-items:center;width:29px;height:29px;border-radius:8px;background:#edf2fa;color:#7795b6;font-size:18px}.metric-icon.emerald{background:#eef8f4;color:#54a38a}.kpi strong{display:block;font-size:31px;letter-spacing:-1.2px;line-height:1.4;margin:8px 0 7px;font-weight:650}.kpi strong.money{font-size:27px;line-height:1.6}.kpi strong em{font-style:normal;font-size:19px;font-weight:400;letter-spacing:0;color:#a3afbc}.kpi p{font-size:10px;color:#91a0b0;margin:0;white-space:nowrap}.subtle-tag{display:inline-block;font-size:9px;color:#8293a5;background:#f3f6f9;padding:3px 6px;border-radius:4px}.kpi .subtle-tag{margin-right:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden;box-shadow:0 3px 10px #142b3b02;margin-bottom:20px}.dashboard-grid>.card,.master-grid>.card,.health-grid>.card{margin-bottom:0}.card-head{padding:21px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{font-size:14px}.card-head p{font-size:10px;margin:4px 0 0}.card-body{padding:22px 24px}.card-head+.card-body{padding-top:5px}.legend{font-size:9px;color:#8b9aa9;white-space:nowrap}.legend i{display:inline-block;width:6px;height:6px;background:#0caa95;border-radius:50%;margin-right:5px}.chart-wrap{position:relative;padding:5px 18px 0}.activity-chart{width:100%;height:auto;display:block;min-height:180px}.activity-chart text{font:10px "Segoe UI",sans-serif;fill:#a0adbb}.chart-empty{position:absolute;top:40%;left:0;right:0;text-align:center;color:#b5c0cc;font-size:12px}.chart-foot{display:flex;justify-content:center;gap:25px;font-size:8px;letter-spacing:.5px;padding:15px 10px 20px;color:#93a0b0;border-top:1px solid #f2f5f8}.chart-foot b{font-size:12px;margin-left:8px;letter-spacing:0}.health-list{padding:0 23px}.health-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f1f4f7;font-size:11px;color:#8391a2}.health-list b{font-size:10px;font-weight:500}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.health-note{display:flex;gap:11px;background:#f7f9fb;margin:16px 23px 0;padding:11px;border-radius:7px}.health-note>span{color:#859caf;font-size:19px}.health-note p{font-size:9px;color:#90a0af;margin:0}.card-link{display:flex;justify-content:space-between;margin-top:15px;border-top:1px solid var(--line);padding:12px 23px;color:#8295a9;font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#91a0b1;background:#fafbfd;font-weight:500;font-size:9px;letter-spacing:.2px;padding:12px 18px;white-space:nowrap;border-block:1px solid #eff3f7}td{padding:14px 18px;border-bottom:1px solid #f1f4f7;max-width:350px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td b{font-weight:500}td small{display:block;font-size:9px;color:#94a0af;margin-top:3px}.table-id{font-size:11px;font-weight:600}.badge{display:inline-block;padding:4px 8px;background:#f0f3f7;color:#8491a2;font-size:8px;letter-spacing:.5px;font-weight:600;border-radius:5px;white-space:nowrap}.badge.paid{background:#e9f7f0;color:#298e70}.badge.pending,.badge.created{background:#fff6e5;color:#be953d}.badge.failed{background:#fceef0;color:#be6172}.badge.expired{background:#f1f3f6;color:#8995a5}.empty{text-align:center;padding:44px 25px 48px;color:#98a8b9;min-height:210px}.empty>span{display:inline-flex;font-size:27px;color:#b4c3d2;background:#f4f7fa;border:1px solid #ecf1f5;border-radius:13px;width:54px;height:54px;justify-content:center;align-items:center;margin-bottom:16px}.empty h3{color:#8193a6;font-size:13px;font-weight:500;margin-bottom:7px}.empty p{font-size:11px;max-width:340px;margin:0 auto 14px}.empty.compact{padding:30px 20px}.revenue-list{padding:0 23px 20px}.revenue-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.revenue-list b{font-weight:500}.revenue-list strong{margin-left:auto;font-size:11px}.rank{width:23px;height:23px;border-radius:5px;background:#f3f6f9;color:#9aacbe;text-align:center;padding-top:3px;font-size:10px}.footer{padding:18px 36px;border-top:1px solid #e8edf3;display:flex;justify-content:space-between;color:#a5b0be;font-size:9px;letter-spacing:.2px}.gold-dot{color:var(--gold);margin:0 7px}.master-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}label{display:block;font-size:11px;font-weight:600;color:#65768a;margin-bottom:16px}input,select,textarea{display:block;width:100%;border:1px solid #dfe6ed;border-radius:7px;padding:11px 12px;color:#31455b;background:#fff;outline:none;margin-top:7px;font-size:12px;min-width:0}input:focus,select:focus,textarea:focus{border-color:#69ae9e;box-shadow:0 0 0 3px #55bba012}input::placeholder,textarea::placeholder{color:#b0bbc7}textarea{resize:vertical}.form-card .wide{margin-top:10px}.form-card small{display:block;margin:0 0 16px;font-size:10px}.secret-notice input{font-family:Consolas,monospace;background:#fffdf7}.secret-notice{max-width:800px}.inline{display:inline}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:19px 22px;border-bottom:1px solid var(--line)}.filters label{margin:0;flex:1;min-width:120px;font-size:10px}.filters .search-field{flex:1.5;min-width:180px}.filters input,.filters select{padding:9px 10px;font-size:11px}.filters .text-link{padding-bottom:10px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.pagination>div{display:flex;gap:8px}.live-notice{display:flex;align-items:center;gap:10px;background:#effaf6;border-color:#dceddf;color:#568474}.switch-label{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:11px}.switch-label input{width:auto;margin:0}.report-banner{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#dce8ee;padding:27px;border-radius:14px;margin-bottom:20px}.report-banner h2{font-size:32px}.report-banner p{font-size:12px;margin:0}.report-banner .eyebrow{color:#8facbe}.report-banner small{color:#98afc1}.detail-heading{display:flex;justify-content:space-between;margin-bottom:20px}.detail-amount{display:block;font-size:32px;margin:8px 0 25px}.detail-list{margin:0 0 24px}.detail-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.timeline{list-style:none;margin:10px 25px 25px;padding:0 0 0 17px}.timeline li{position:relative;padding:0 0 26px 22px;border-left:1px solid #e0eae7;font-size:11px}.timeline li:last-child{border-color:transparent}.timeline b{display:block;font-size:10px;color:#547569}.timeline small{display:block;font-size:9px;color:#9baab8;margin-top:5px}.timeline p{font-size:10px;color:#6f8597;margin:8px 0 0}.timeline-dot{position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#55b09c;border:2px solid #e1f3ed}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.health-grid h2{font-size:23px}.health-grid p{font-size:11px;margin:7px 0 0}.narrow{max-width:760px}.prose{padding:30px;max-width:1000px;font-size:13px;color:#687d91}.prose h2{font-size:24px;color:var(--ink);margin-bottom:20px}.prose h3{margin-top:26px;color:var(--ink)}.prose li{padding:6px 0}.prose table{margin-bottom:20px}pre{background:#13263c;color:#b9dfd5;padding:20px;border-radius:9px;font-size:12px;overflow:auto}code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}details summary{cursor:pointer;white-space:nowrap}details form{min-width:210px;padding-top:10px}.auth-body{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fcfdfe}.auth-story{display:flex;flex-direction:column;justify-content:space-between;padding:48px 60px;background:radial-gradient(ellipse at 30% 80%,#164044 0%,#142940 42%,#0f1e32 80%);color:white}.auth-story .brand{padding:0}.auth-story>div{padding:55px 0}.auth-story h1{font-size:52px;letter-spacing:-2px;font-weight:500;line-height:1.17;margin:18px 0 25px}.auth-story p{color:#91acba;max-width:410px;font-size:14px;line-height:1.8}.auth-story .eyebrow{color:#6fb6a3;font-size:9px}.auth-story>small{font-size:9px;color:#728b9d;letter-spacing:1.4px}.auth-grid{display:flex;flex-direction:column;gap:16px;margin-top:35px}.auth-grid>span{color:#4d8e88;font-size:11px}.auth-grid b{color:#94b2bc;margin-left:18px;font-size:12px;font-weight:400}.auth-main{display:flex;align-items:center;justify-content:center;padding:45px}.auth-card{width:100%;max-width:360px}.auth-card h2{font-size:26px;font-weight:600;letter-spacing:-.6px;margin-bottom:12px}.auth-card>p{font-size:13px;line-height:1.8}.auth-card form{margin-top:28px}.auth-card .wide{margin-top:24px;padding:13px}.auth-card .wide span{margin-left:auto}.auth-card .auth-foot{font-size:10px;color:#a0adbb;text-align:center;margin-top:27px}.auth-card .eyebrow{color:#539889}.auth-card label{font-size:12px}.auth-card input{padding:13px}.auth-card .notice{font-size:12px}.auth-card form>small{font-size:10px}
@media(min-width:1550px){.content{padding:37px 45px}.kpi{padding:23px 25px}.activity-chart{min-height:230px}}
@media(max-width:1200px){.sidebar{width:218px;padding-inline:12px}.main-shell{margin-left:218px}.content{padding:25px 23px}.topbar{padding:0 23px}.kpi-grid{gap:12px}.kpi{padding:16px 14px}.kpi strong.money{font-size:23px}.kpi-label{font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:16px}.master-grid{grid-template-columns:1fr}.master-grid>.form-card{max-width:650px}.auth-story{padding:40px}.auth-story h1{font-size:43px}}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px}.main-shell{margin-left:0}.menu-open .sidebar{transform:translateX(0)}.menu-open .main-shell:before{content:"";position:fixed;inset:77px 0 0 246px;background:#10223950;z-index:30}.icon-button{display:block}.topbar .breadcrumb{margin-right:auto}.content{padding:25px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi strong.money{font-size:28px}.auth-story{padding:30px}.auth-story h1{font-size:36px}.auth-main{padding:30px}.heading-actions{justify-content:flex-end}.page-heading h1{font-size:25px}}
@media(max-width:680px){.topbar{height:67px;padding:0 17px}.user-info,.topbar .breadcrumb,.environment{display:none}.topbar-right{margin-left:auto}.content{padding:22px 16px}.page-heading{align-items:start;gap:12px;margin-bottom:20px}.page-heading p{font-size:11px;max-width:240px}.page-heading h1{font-size:23px}.eyebrow{font-size:8px}.heading-actions{gap:6px;max-width:145px}.heading-actions .button{font-size:10px;padding:7px 9px}.date-chip{font-size:9px;padding:8px}.date-chip span{display:none}.onboarding{padding:20px 18px}.onboarding h2{font-size:17px;max-width:230px}.onboarding p{max-width:250px;font-size:11px}.setup-count{font-size:19px;right:18px;top:20px}.setup-count small{font-size:8px}.steps{gap:6px}.step{font-size:9px;padding:7px}.step b{display:none}.section-line .muted{font-size:8px}.kpi-grid{gap:10px}.kpi{padding:14px 12px}.kpi-label{font-size:9px;gap:3px}.metric-icon{width:24px;height:24px;font-size:15px}.kpi strong{font-size:28px}.kpi strong.money{font-size:21px;margin-top:11px;margin-bottom:11px}.kpi p{font-size:8px;white-space:normal}.kpi strong em{font-size:17px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.card-head{padding:18px}.chart-foot{gap:15px}.health-grid{grid-template-columns:repeat(2,1fr);gap:12px}.health-grid h2{font-size:18px}.card-body{padding:18px}.footer{padding:15px 17px;font-size:8px}.footer>span:last-child{max-width:160px;text-align:right}.filters{padding:15px}.filters label{min-width:120px}.filters .search-field{min-width:100%}.live-notice{flex-wrap:wrap}.switch-label{margin-left:0}.report-banner{padding:22px;display:block}.report-banner>p{margin-top:15px}.report-banner h2{font-size:28px}.detail-list>div{grid-template-columns:110px 1fr}.detail-amount{font-size:28px}.prose{padding:22px}.pagination{font-size:10px;padding:14px}.pagination .button{font-size:9px;padding:7px}.auth-body{grid-template-columns:1fr}.auth-story{padding:25px 28px;min-height:230px}.auth-story>div{padding:25px 0 0}.auth-story h1{font-size:32px;margin:12px 0}.auth-story h1 br{display:none}.auth-story p,.auth-grid,.auth-story>small{display:none}.auth-main{padding:35px 25px}.auth-card h2{font-size:24px}}
@media print{.sidebar,.topbar,.footer,.heading-actions,.filters,.pagination,.text-button,button,.onboarding,.live-notice{display:none!important}.main-shell{margin:0}.content{padding:0;max-width:none}body{background:#fff;color:#000;font-size:11px}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.table-scroll{overflow:visible}table{font-size:9px}td,th{padding:8px}.page-heading{margin-bottom:18px}.report-banner{background:#fff;color:#000;border:1px solid #ddd}.report-banner .eyebrow,.report-banner small{color:#666}.dashboard-grid,.master-grid{display:block}.card{margin-bottom:15px!important}}

.filter-extra{flex-basis:100%;padding:8px 0;color:#7c8ea1;font-size:11px}.filters-inner{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0 4px}.filter-extra summary{cursor:pointer}.advanced-filters>label{min-width:145px}.advanced-filters .search-field{min-width:190px}
.advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.advanced-filters>label,.advanced-filters .search-field{min-width:0}.advanced-filters .filter-extra{grid-column:1/-1}.advanced-filters>.button,.advanced-filters>.text-link{justify-self:start}@media(max-width:680px){.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters .search-field,.advanced-filters>label:has(input[type=datetime-local]){grid-column:1/-1}}

/* Full-width records and accessible native dialogs. */
.master-list{display:block}.master-list>.form-card,#record-detail{display:none}.master-list>.card{margin-bottom:20px}
.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.with-icon{display:inline-flex;align-items:center;gap:7px}
.record-name{font-weight:600;color:#213e56;display:inline-flex;align-items:center;gap:8px}.record-name:hover{color:#008c79;text-decoration:underline}
.action-edit,.action-delete{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e4ebf0;border-radius:8px;font-size:11px;margin:2px;background:#fff}.action-edit{color:#087f72}.action-delete{color:#b64b5e}.action-edit:hover{background:#eaf8f4}.action-delete:hover{background:#fff0f2}
.master-list td:last-child form{display:inline-block;margin-left:6px}.master-list td:last-child{max-width:none;white-space:nowrap}.master-list table{font-size:12px}.master-list th{font-size:10px;padding:15px 18px}.master-list td{padding:18px}.master-list tbody tr:hover{background:#f9fcfc}
.master-list .card-head{padding:24px}.master-list .card-head h2{font-size:17px}.master-list .card{border-radius:16px;box-shadow:0 5px 25px #14374c05}.button{gap:8px;border-radius:9px}.button.primary{box-shadow:0 3px 8px #087b6920}
#app-modal{width:min(610px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);border:1px solid #e6edf0;border-radius:20px;padding:0;color:var(--ink);box-shadow:0 30px 100px #071e4250;overflow:auto;background:#fff}
#app-modal::backdrop{background:#1123378c;backdrop-filter:blur(5px)}body:has(#app-modal[open]){overflow:hidden}
#app-modal.modal-large{width:min(1080px,calc(100vw - 32px))}.modal-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#f7fafbee;border-bottom:1px solid #e7eef1;backdrop-filter:blur(12px)}.modal-label{font-size:12px;font-weight:600;color:#708493}.modal-close{display:grid;place-items:center;width:34px;height:34px;background:white;border:1px solid #e2e9ed;border-radius:10px;color:#697d8e;cursor:pointer}.modal-close:hover{background:#e9f0f4;color:#203d55}
#modal-content>.form-card,#modal-content>#record-detail{display:block!important;margin:0;border:0;border-radius:0;box-shadow:none;max-width:none}#modal-content .card-head{padding:26px 30px 18px}#modal-content .card-head h2{font-size:23px;letter-spacing:-.5px}#modal-content .card-body{padding:8px 30px 30px}#modal-content label{font-size:12px;margin-bottom:19px}#modal-content input,#modal-content select,#modal-content textarea{padding:12px 14px;background:#fbfcfd;border-radius:10px}#modal-content .wide{justify-content:center;margin-top:12px;padding:12px}#modal-content>.notice{margin:20px 25px 0}#modal-content .detail-heading{padding:20px 24px 0}#modal-content>.master-grid{padding:0 24px 24px}.modal-loading{padding:50px;text-align:center;color:#75899b}.record-summary{display:flex;gap:15px;align-items:center;padding:10px 0 25px}.record-summary h3{font-size:19px;margin-bottom:8px}.record-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e8f6f1;color:#138d79}.record-emblem svg{width:27px;height:27px}.nav-item>span .ui-icon{width:19px;height:19px}.nav-item.active{box-shadow:inset 3px 0 0 #5cd1b3}
@media(max-width:600px){#app-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}#modal-content .card-head{padding:20px}#modal-content .card-body{padding:6px 20px 22px}#modal-content>.master-grid{padding:0 12px 12px}.master-list .card-head{padding:18px;align-items:flex-start}.master-list .card-head .button{font-size:11px}.detail-list>div{grid-template-columns:110px 1fr}}
@media(prefers-reduced-motion:no-preference){#app-modal[open]{animation:modal-in .18s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}}