:root{--l-green: #2D6A4F;--l-green-dark: #245740;--l-green-light: #EAF2EE;--l-cream: #F8F5EF;--l-gold: #D4A017;--l-gold-dark: #B8891A;--l-ink: #1B2E24;--l-ink-mid: #4A5E52;--l-ink-light: #8A9E92;--l-border: #E2DDD4;--l-white: #FFFFFF}.l-wrap *{box-sizing:border-box}.l-wrap{font-family:Inter,sans-serif;color:var(--l-ink);background:var(--l-white);line-height:1.6}.l-container{max-width:1100px;margin:0 auto;padding:0 28px}.l-nav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--l-border)}.l-nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.l-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--l-green);font-family:"DM Serif Display",Georgia,serif;font-size:22px;font-weight:400}.l-nav-links{display:flex;align-items:center;gap:32px;list-style:none}.l-nav-links a{text-decoration:none;color:var(--l-ink-mid);font-size:14px;font-weight:500;transition:color .15s}.l-nav-links a:hover,.l-nav-links a.active{color:var(--l-green)}.l-nav-cta{background:var(--l-green)!important;color:#fff!important;padding:9px 20px;border-radius:8px;transition:background .15s!important}.l-nav-cta:hover{background:var(--l-green-dark)!important}.l-nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.l-nav-toggle span{display:block;width:22px;height:2px;background:var(--l-ink);border-radius:2px}.l-nav-mobile{display:none;flex-direction:column;padding:16px 0;border-top:1px solid var(--l-border);gap:4px}.l-nav-mobile a{display:block;padding:10px 0;text-decoration:none;color:var(--l-ink-mid);font-size:15px;font-weight:500}.l-nav-mobile a:hover{color:var(--l-green)}.l-nav-mobile.open{display:flex}.l-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;text-decoration:none;transition:all .15s;border:2px solid transparent}.l-btn-primary{background:var(--l-green);color:#fff;border-color:var(--l-green)}.l-btn-primary:hover{background:var(--l-green-dark);border-color:var(--l-green-dark)}.l-btn-gold{background:var(--l-gold);color:#fff;border-color:var(--l-gold)}.l-btn-gold:hover{background:var(--l-gold-dark);border-color:var(--l-gold-dark)}.l-btn-outline{background:transparent;color:var(--l-green);border-color:var(--l-green)}.l-btn-outline:hover{background:var(--l-green-light)}.l-btn-outline-white{background:transparent;color:#fff;border-color:#fff9}.l-btn-outline-white:hover{background:#ffffff1a;border-color:#fff}.l-btn:disabled{opacity:.6;cursor:not-allowed}.l-section{padding:80px 0}.l-section-sm{padding:48px 0}.l-section-cream{background:var(--l-cream)}.l-section-green{background:var(--l-green)}.l-section-ink{background:var(--l-ink)}.l-section-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--l-green);background:var(--l-green-light);padding:4px 12px;border-radius:20px;margin-bottom:16px}.l-section-label.white{color:#fff;background:#ffffff26}.l-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:40px;font-weight:400;color:var(--l-ink);line-height:1.2;margin-bottom:16px}.l-section-title.white{color:#fff}.l-section-sub{font-size:17px;color:var(--l-ink-mid);max-width:560px;line-height:1.7}.l-section-sub.white{color:#fffc}.l-center{text-align:center}.l-center .l-section-sub{margin:0 auto}.l-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.l-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.l-card{background:#fff;border:1px solid var(--l-border);border-radius:14px;padding:28px}.l-feature-icon{width:48px;height:48px;border-radius:12px;background:var(--l-green-light);display:flex;align-items:center;justify-content:center;color:var(--l-green);margin-bottom:16px}.l-feature-title{font-size:16px;font-weight:600;color:var(--l-ink);margin-bottom:8px}.l-feature-desc{font-size:14px;color:var(--l-ink-mid);line-height:1.6}.l-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--l-border)}.l-stat{background:#fff;padding:28px 24px;text-align:center}.l-stat-val{font-family:"DM Serif Display",Georgia,serif;font-size:38px;color:var(--l-green);line-height:1;margin-bottom:4px}.l-stat-label{font-size:13px;color:var(--l-ink-mid)}.l-hero{background:var(--l-cream);padding:80px 0 0;overflow:hidden}.l-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.l-hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--l-green);background:#fff;border:1px solid var(--l-border);padding:5px 12px;border-radius:20px;margin-bottom:20px}.l-hero-title{font-family:"DM Serif Display",Georgia,serif;font-size:52px;font-weight:400;color:var(--l-ink);line-height:1.15;margin-bottom:20px}.l-hero-title .accent{color:var(--l-green)}.l-hero-sub{font-size:18px;color:var(--l-ink-mid);line-height:1.7;margin-bottom:36px;max-width:460px}.l-hero-btns{display:flex;gap:14px;flex-wrap:wrap}.l-hero-mockup{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 16px 56px #1b2e242e;overflow:hidden;margin-top:24px}.l-hero-mockup-bar{background:var(--l-ink);padding:10px 16px;display:flex;align-items:center;gap:6px}.l-hero-mockup-dot{width:8px;height:8px;border-radius:50%}.l-plan-card{background:#fff;border:2px solid var(--l-border);border-radius:16px;padding:36px;position:relative}.l-plan-card.featured{border-color:var(--l-green);box-shadow:0 8px 32px #2d6a4f1f}.l-plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--l-green);color:#fff;font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}.l-plan-name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--l-ink-mid);margin-bottom:8px}.l-plan-price{font-family:"DM Serif Display",Georgia,serif;font-size:52px;color:var(--l-ink);line-height:1;margin-bottom:4px}.l-plan-price sup{font-size:24px;vertical-align:super;line-height:0}.l-plan-period{font-size:14px;color:var(--l-ink-light);margin-bottom:20px}.l-plan-divider{border:none;border-top:1px solid var(--l-border);margin:20px 0}.l-plan-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.l-plan-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--l-ink-mid)}.l-plan-check{width:18px;height:18px;border-radius:50%;background:var(--l-green-light);color:var(--l-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.l-screenshot{background:var(--l-green-light);border:1px solid var(--l-border);border-radius:12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--l-ink-mid);font-size:13px;text-align:center;padding:20px}.l-video-placeholder{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px;cursor:pointer;max-width:860px;margin:0 auto;transition:background .2s}.l-video-placeholder:hover{background:#ffffff17}.l-play-btn{width:72px;height:72px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transition:all .2s}.l-video-placeholder:hover .l-play-btn{background:#ffffff40;border-color:#fff}.l-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:56px 0;border-bottom:1px solid var(--l-border)}.l-feature-row:last-child{border-bottom:none}.l-feature-row.reverse{direction:rtl}.l-feature-row.reverse>*{direction:ltr}.l-feature-number{font-family:"DM Serif Display",serif;font-size:80px;color:var(--l-green-light);line-height:1;margin-bottom:-10px}.l-feature-row-title{font-family:"DM Serif Display",serif;font-size:30px;font-weight:400;color:var(--l-ink);margin-bottom:12px;line-height:1.3}.l-feature-row-desc{font-size:15px;color:var(--l-ink-mid);line-height:1.7}.l-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.l-feature-tag{font-size:12px;font-weight:500;color:var(--l-green);background:var(--l-green-light);padding:3px 10px;border-radius:20px}.l-mv-card{padding:32px;border-radius:16px}.l-mv-card.mission{background:var(--l-green-light);border-left:4px solid var(--l-green)}.l-mv-card.vision{background:#fdf4dc;border-left:4px solid var(--l-gold)}.l-mv-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.l-mv-card.mission .l-mv-label{color:var(--l-green)}.l-mv-card.vision .l-mv-label{color:var(--l-gold-dark)}.l-mv-text{font-family:"DM Serif Display",Georgia,serif;font-size:22px;font-weight:400;color:var(--l-ink);line-height:1.5}.l-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2e2480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.l-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:36px;position:relative}.l-modal-close{position:absolute;top:16px;right:16px;background:var(--l-cream);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--l-ink-mid);transition:background .15s}.l-modal-close:hover{background:var(--l-border)}.l-modal-title{font-family:"DM Serif Display",Georgia,serif;font-size:26px;font-weight:400;color:var(--l-ink);margin-bottom:4px}.l-modal-sub{font-size:14px;color:var(--l-ink-mid);margin-bottom:24px}.l-form{display:flex;flex-direction:column;gap:16px}.l-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.l-form-group{display:flex;flex-direction:column;gap:5px}.l-label{font-size:12px;font-weight:600;color:var(--l-ink-mid);letter-spacing:.02em}.l-label .req{color:var(--l-gold-dark)}.l-input,.l-textarea{padding:11px 14px;font-size:14px;font-family:Inter,sans-serif;border:1.5px solid var(--l-border);border-radius:8px;outline:none;background:#fff;color:var(--l-ink);transition:border-color .15s,box-shadow .15s}.l-input:focus,.l-textarea:focus{border-color:var(--l-green);box-shadow:0 0 0 3px var(--l-green-light)}.l-textarea{min-height:100px;resize:vertical}.l-alert-success{background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:8px;padding:14px 16px;font-size:14px;text-align:center}.l-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:14px 16px;font-size:14px}.l-footer{background:var(--l-ink);padding:56px 0 32px;color:#ffffffb3}.l-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:48px}.l-footer-logo{display:flex;align-items:center;gap:10px;font-family:"DM Serif Display",Georgia,serif;font-size:20px;color:#fff;margin-bottom:12px}.l-footer-desc{font-size:14px;line-height:1.7;max-width:260px}.l-footer-heading{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:14px}.l-footer-links{display:flex;flex-direction:column;gap:8px;list-style:none}.l-footer-links a{color:#ffffffa6;text-decoration:none;font-size:14px;transition:color .15s}.l-footer-links a:hover{color:#fff}.l-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.l-carousel{position:relative;width:100%}.l-carousel-frame{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #0000001f;border:1px solid var(--l-border);background:var(--l-cream);aspect-ratio:16/10}.l-carousel-img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.l-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:1px solid var(--l-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;z-index:2}.l-carousel-btn:hover{background:#fff}.l-carousel-btn.prev{left:10px}.l-carousel-btn.next{right:10px}.l-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.l-carousel-dot{width:7px;height:7px;border-radius:50%;background:var(--l-border);border:none;cursor:pointer;transition:background .15s;padding:0}.l-carousel-dot.active{background:var(--l-green)}@media (max-width: 900px){.l-hero-inner{grid-template-columns:1fr}.l-hero-mockup{display:none}.l-hero-title{font-size:40px}.l-grid-3{grid-template-columns:1fr 1fr}.l-feature-row{grid-template-columns:1fr;gap:32px}.l-feature-row.reverse{direction:ltr}.l-feature-number{font-size:60px}.l-footer-grid,.l-stats-bar{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.l-nav-links{display:none}.l-nav-toggle{display:flex}.l-section{padding:56px 0}.l-section-title{font-size:30px}.l-hero{padding:48px 0 0}.l-hero-title{font-size:34px}.l-grid-2,.l-grid-3{grid-template-columns:1fr}.l-hero-btns{flex-direction:column}.l-plan-card{padding:24px}.l-footer-grid{grid-template-columns:1fr;gap:28px}.l-footer-bottom{flex-direction:column;gap:8px;text-align:center}.l-form-row{grid-template-columns:1fr}.l-modal{padding:24px}.l-stats-bar{grid-template-columns:1fr 1fr}.l-feature-number{font-size:48px}.l-feature-row-title{font-size:24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2D6A4F;--color-primary-hover: #245740;--color-primary-light: #EAF2EE;--color-primary-mid: #9DCAB8;--color-accent: #D4A017;--color-accent-light: #FBF4E0;--color-bg: #F8F5EF;--color-surface: #FFFFFF;--color-surface-2: #F3F0E8;--color-ink: #1B2E24;--color-ink-mid: #4A5E52;--color-ink-light: #8A9E92;--color-border: #E2DDD4;--color-border-strong: #C8C0B0;--primary: var(--color-primary);--primary-dark: var(--color-primary-hover);--primary-darker: #1B4035;--primary-light: var(--color-primary-light);--sidebar-bg: var(--color-surface);--sidebar-text: var(--color-ink-mid);--sidebar-active: var(--color-primary-light);--bg: var(--color-bg);--card: var(--color-surface);--text: var(--color-ink);--text-primary: var(--color-ink);--text-muted: var(--color-ink-mid);--text-light: var(--color-ink-light);--bg-secondary: var(--color-surface-2);--border: var(--color-border);--success: #1B5E3B;--success-bg: #EAF2EE;--success-border: #9DCAB8;--warning: #7A5C0A;--warning-bg: #FBF4E0;--warning-border: #E8CF80;--danger: #8B2020;--danger-bg: #FDEAEA;--danger-border: #F0B0B0;--font-heading: "DM Serif Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font: var(--font-body);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 20px;--radius: var(--radius-md);--shadow: 0 1px 4px rgba(27,46,36,.06), 0 1px 2px rgba(27,46,36,.04);--shadow-md: 0 4px 16px rgba(27,46,36,.08);--shadow-lg: 0 8px 32px rgba(27,46,36,.12)}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-content{flex:1;overflow-y:auto;padding:24px}.sidebar-logo{padding:18px 16px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.nav-section{padding:6px 8px 2px}.nav-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-light);padding:10px 10px 4px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--color-ink-mid);transition:background .12s,color .12s;text-decoration:none;margin-bottom:1px;border:none;border-left:3px solid transparent;background:none;width:100%;text-align:left;font-family:var(--font-body);line-height:1.4}.nav-item:hover{background:var(--color-surface-2);color:var(--color-ink)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600;border-left-color:var(--color-primary)}.nav-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-chevron{margin-left:auto;color:var(--color-ink-light);transition:transform .18s}.nav-chevron.open{transform:rotate(90deg)}.nav-sub .nav-item{padding:6px 10px 6px 38px;font-size:12.5px}.sidebar-footer{padding:12px 12px 14px;border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:6px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:12px;font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:var(--radius-pill);font-size:10px;font-weight:600}.sidebar-meta{font-size:11px;color:var(--color-ink-light);padding:0 6px;margin-bottom:8px}.sidebar-action{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-ink-mid);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:background .12s,color .12s}.sidebar-action:hover{background:var(--color-surface-2);color:var(--color-ink)}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:20px 24px}.card-sm{padding:16px 20px}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);padding:20px 22px;transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-value{font-family:var(--font-heading);font-size:28px;color:var(--color-primary);line-height:1.1;margin:8px 0 4px}.stat-label{font-size:12px;color:var(--color-ink-mid);font-weight:500;letter-spacing:.01em}.stat-sub{font-size:11px;color:var(--color-ink-light);margin-top:4px}.stat-icon-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-title{font-family:var(--font-heading);font-size:22px;color:var(--color-ink);line-height:1.2}.page-subtitle{font-size:13px;color:var(--color-ink-mid);margin-top:3px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .12s;line-height:1;font-family:var(--font-body)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#145230}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){background:#f5c5c5}.btn-ghost{background:transparent;color:var(--color-ink-mid);border:1px solid var(--color-border-strong)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-ink)}.btn-accent{background:var(--color-accent);color:#1b2e24;font-weight:600}.btn-accent:hover:not(:disabled){background:#bf8f12}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:var(--radius-sm)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;font-weight:600;color:var(--color-ink-mid);text-transform:uppercase;letter-spacing:.05em}.form-required{color:var(--color-accent)}.form-input,.form-select,.form-textarea{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-ink);background:var(--color-surface);transition:border-color .12s,box-shadow .12s;outline:none;font-family:var(--font-body);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d6a4f1f}.form-input[type=date]{color-scheme:light}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:70px}.form-input.error{border-color:var(--danger)}.form-hint{font-size:11px;color:var(--color-ink-light);margin-top:3px}.table-wrap{overflow-x:auto;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:var(--color-ink-mid);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--color-border);font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-primary-light)}.td-right{text-align:right;font-variant-numeric:tabular-nums}.td-mono{font-family:Courier New,monospace;font-size:12px}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;white-space:nowrap}.pill-success{background:#eaf2ee;color:#1b5e3b}.pill-warning{background:#fbf4e0;color:#7a5c0a}.pill-neutral{background:var(--color-surface-2);color:var(--color-ink-mid)}.pill-danger{background:#fdeaea;color:#8b2020}.pill-accent{background:var(--color-accent-light);color:#7a5c0a}.pill-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;white-space:nowrap}.badge-success{background:#eaf2ee;color:#1b5e3b}.badge-warning{background:#fbf4e0;color:#7a5c0a}.badge-danger{background:#fdeaea;color:#8b2020}.badge-muted{background:var(--color-surface-2);color:var(--color-ink-mid)}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;display:flex;align-items:flex-start;gap:8px}.alert-success{background:#eaf2ee;color:#1b5e3b;border:1px solid #9DCAB8}.alert-error{background:#fdeaea;color:#8b2020;border:1px solid #F0B0B0}.alert-warning{background:#fbf4e0;color:#7a5c0a;border:1px solid #E8CF80}.alert-info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-mid)}.callout-accent{background:var(--color-accent-light);border:1px solid #E8CF80;border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--color-ink-mid)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2e2473;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:780px}.modal-header{padding:20px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-heading);font-size:18px;color:var(--color-ink)}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:8px}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-ink-light);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:4px;transition:color .12s,background .12s}.modal-close:hover{color:var(--color-ink);background:var(--color-surface-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.empty-state-icon{color:var(--color-primary-mid);margin-bottom:16px}.empty-state-title{font-family:var(--font-heading);font-size:18px;color:var(--color-ink);margin-bottom:6px}.empty-state-sub{font-size:13px;color:var(--color-ink-mid);max-width:320px}.empty-state-icon{font-size:40px;margin-bottom:12px}.tab-bar{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--color-border)}.tab-btn{padding:8px 18px;border:none;background:none;cursor:pointer;font-size:14px;font-family:var(--font-body);color:var(--color-ink-mid);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .12s}.tab-btn.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.tab-btn:hover:not(.active){color:var(--color-ink)}.section-title{font-size:11px;font-weight:600;color:var(--color-ink-mid);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.divider{height:1px;background:var(--color-border);margin:16px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--color-ink-mid)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:12px}.text-lg{font-size:15px}.tabular{font-variant-numeric:tabular-nums}.font-heading{font-family:var(--font-heading)}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table td{padding:6px 12px}.report-table .rt-header td{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-mid);border-bottom:1px solid var(--color-border);padding-top:12px}.report-table .rt-total td{font-weight:700;border-top:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink)}.report-table .rt-subtotal td{font-weight:600;border-top:1px solid var(--color-border)}.report-table .rt-section td{font-weight:700;font-size:13px;padding-top:16px;color:var(--color-ink)}.report-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.report-bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.schedule-hint{font-size:12px;color:var(--color-ink-light);margin-left:auto}.payroll-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}@media print{.no-print,.sidebar,.top-bar{display:none!important}.main-area{overflow:visible}.page-content{padding:0;overflow:visible}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;font-size:20px;cursor:pointer;padding:6px 8px;color:var(--color-ink);border-radius:6px;margin-right:8px;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .12s}.mobile-menu-btn:hover{background:var(--color-surface-2)}.sidebar-overlay{display:none}.top-bar-date{font-size:12px;color:var(--color-ink-light);white-space:nowrap}.page-loading{padding:60px;text-align:center;color:var(--color-ink-light);font-size:14px}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:210px;min-width:210px}.page-content{padding:16px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.modal{max-width:92vw}.top-bar-date{display:none}}@media (max-width: 767px){.mobile-menu-btn{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:270px;min-width:270px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar.sidebar-open{transform:translate(0);box-shadow:6px 0 32px #1b2e2433}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2e2459;z-index:199;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.main-area{width:100%}.top-bar{padding:0 12px;height:52px}.top-bar-date{display:none}.page-content{padding:12px}.page-header{flex-direction:column;gap:10px;margin-bottom:14px}.page-header .btn{width:100%;justify-content:center}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.card{padding:14px}.card-sm{padding:10px 14px}.stat-card{padding:14px}.stat-value{font-size:22px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;border-radius:0}table{min-width:560px}.btn{padding:10px 16px;font-size:13px}.btn-sm{padding:8px 12px}.btn-icon{padding:8px 10px}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:16px 16px 0 0;max-height:93vh;max-width:100%;width:100%}.modal-lg{max-width:100%}.modal-header{padding:16px 18px 0}.modal-body{padding:14px 18px}.modal-footer{padding:0 18px 20px;flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}.modal .grid-2,.modal .grid-3{grid-template-columns:1fr}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:14px}.page-title{font-size:20px}.section-title{font-size:11px}.report-table td{padding:5px 8px;font-size:12px}.report-bs-grid{grid-template-columns:1fr;gap:20px}.schedule-hint{display:none}.empty-state{padding:32px 16px}.alert{font-size:13px}.nav-item{padding:10px 12px;font-size:14px}.payroll-layout{grid-template-columns:1fr!important}.payroll-no-selection{display:none}}