@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #F8F9FA;--color-card: #FFFFFF;--color-border: #E5E7EB;--color-border-l: #D1D5DB;--color-orange: #FF6400;--color-orange-d: #E05500;--color-text: #333333;--color-muted: #6B7280;--color-muted-l: #9CA3AF;--color-ok: #10B981;--color-warn: #F59E0B;--color-danger: #EF4444;--color-indigo: #6366F1;--color-purple: #8B5CF6;--color-navy-dark: #1a2a4a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-modal: 0 20px 60px rgba(0,0,0,.14), 0 4px 16px rgba(0,0,0,.08);--shadow-heavy: 0 24px 80px rgba(0,0,0,.5);--font-sans: "Inter", "Segoe UI", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}input,select,textarea{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:11px 13px;font-size:14px;width:100%;font-family:var(--font-sans);outline:none;transition:border-color .18s,box-shadow .18s;height:44px}textarea{height:auto}input:focus,select:focus,textarea:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #ff64001f}input::placeholder,textarea::placeholder{color:var(--color-muted-l)}select option{background:var(--color-card);color:var(--color-text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--color-border-l);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-l)}.btn{cursor:pointer;border:none;border-radius:var(--radius-md);padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px}.btn-orange{background:var(--color-orange);color:#fff;box-shadow:0 2px 8px #ff640040}.btn-orange:hover{background:var(--color-orange-d);transform:translateY(-1px);box-shadow:0 4px 14px #ff640052}.btn-orange:disabled{opacity:.55;transform:none;cursor:not-allowed}.btn-ghost{background:#f9fafb;color:#374151;border:1px solid var(--color-border)}.btn-ghost:hover{background:#f3f4f6;border-color:var(--color-border-l)}.btn-sm{padding:6px 13px;font-size:12px}.btn-success{background:#10b9811a;color:var(--color-ok);border:1px solid rgba(16,185,129,.25)}.btn-success:hover{background:#10b9812e}.btn-teal{background:#10b9811a;color:var(--color-ok);border:1px solid rgba(16,185,129,.25)}.btn-teal:hover{background:#10b9812e}.btn-danger{background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444426}.btn-purple{background:#8b5cf614;color:var(--color-purple);border:1px solid rgba(139,92,246,.2)}.btn-purple:hover{background:#8b5cf626}.btn-info{background:#6366f114;color:var(--color-indigo);border:1px solid rgba(99,102,241,.2)}.btn-info:hover{background:#6366f126}.btn-outline{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.btn-outline:hover{background:#f9fafb;color:var(--color-text)}.tab{cursor:pointer;padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:all .18s;border:1px solid transparent;font-family:var(--font-sans)}.tab-active{background:#fff0e8;color:var(--color-orange);border-color:#ffd4b8}.tab-idle{background:transparent;color:var(--color-muted);border-color:transparent}.tab-idle:hover{color:var(--color-text);background:#f3f4f6}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12px;color:var(--color-muted);margin-bottom:6px;font-weight:500;letter-spacing:.02em}.field-group{margin-bottom:16px}.field-group label{margin-bottom:6px}.field-hint{font-size:11px;color:var(--color-muted-l);margin-top:5px;line-height:1.4}.form-section{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #F3F4F6}.form-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.form-section-title{font-size:11px;font-weight:700;color:var(--color-muted-l);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.modal-header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #F3F4F6}.modal-title{font-size:18px;font-weight:700;font-family:var(--font-sans);color:#111827;margin-bottom:4px}.modal-subtitle{font-size:12px;color:var(--color-muted)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:18px;border-top:1px solid #F3F4F6;margin-top:22px}.empty-state{text-align:center;padding:56px 32px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-state__icon{font-size:44px;margin-bottom:16px;opacity:.55}.empty-state__title{font-size:15px;font-weight:600;color:#374151;margin-bottom:6px}.empty-state__body{font-size:13px;color:var(--color-muted);line-height:1.6}.form-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 22px;margin-bottom:18px}.form-card--orange{border-color:#ff640038;background:#fffcfa}.form-card__title{font-size:13px;font-weight:700;color:var(--color-orange);margin-bottom:18px;display:flex;align-items:center;gap:7px}.success-banner{background:#10b98114;border:1px solid rgba(16,185,129,.28);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.success-banner__text{color:#059669;font-weight:600;font-size:13px}.confirm-box{background:#fff9f9;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:20px 22px}.confirm-box__title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px}.confirm-box__body{font-size:13px;color:var(--color-muted);line-height:1.6;margin-bottom:20px}.info-box{border-radius:var(--radius-md);padding:12px 16px}.info-box--ok{background:#10b98112;border:1px solid rgba(16,185,129,.2)}.info-box--warn{background:#f59e0b12;border:1px solid rgba(245,158,11,.2)}.info-box--indigo{background:#6366f112;border:1px solid rgba(99,102,241,.2)}.info-box--purple{background:#8b5cf612;border:1px solid rgba(139,92,246,.2)}.req-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px #0000000d}.req-card--left-warn{border-left:3px solid var(--color-warn)}.req-card--left-ok{border-left:3px solid var(--color-ok)}.req-card--left-orange{border-left:3px solid var(--color-orange)}.stat-chip{display:inline-flex;flex-direction:column;align-items:center;padding:10px 16px;background:#f9fafb;border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:70px}.stat-chip__val{font-size:20px;font-weight:800;font-family:var(--font-sans);line-height:1}.stat-chip__lbl{font-size:10px;color:var(--color-muted-l);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.section-header__title{font-size:20px;font-weight:600;font-family:var(--font-sans);color:var(--color-text)}.section-header__sub{font-size:12px;color:var(--color-muted);margin-top:4px}.page-header{margin-bottom:28px}.page-header__title{font-size:32px;font-weight:700;font-family:var(--font-sans);color:var(--color-text);letter-spacing:-.5px}.page-header__sub{color:var(--color-muted);font-size:14px;margin-top:6px}.timeline{background:#f9fafb;border:1px solid var(--color-border);border-radius:14px;padding:18px 20px;margin-top:16px}.timeline__step{display:flex;gap:14px;position:relative;padding-bottom:18px}.timeline__step:last-child{padding-bottom:0}.timeline__connector{position:absolute;left:15px;top:28px;bottom:0;width:1px;background:var(--color-border)}.timeline__step:last-child .timeline__connector{display:none}.timeline__dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.timeline__body{flex:1;min-width:0}.timeline__title{font-size:13px;font-weight:700;color:#111827;margin-bottom:2px}.timeline__meta{font-size:11px;color:var(--color-muted-l);margin-bottom:6px}.timeline__detail-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;display:flex;flex-direction:column;gap:4px}.timeline__detail-line{font-size:12px;color:#374151;line-height:1.5}.assignee-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;transition:all .15s}.assignee-row--selected{border-color:#ff640059;background:#ff64000f}.assignee-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border-l);background:transparent;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0;transition:all .15s}.assignee-check--checked{border-color:var(--color-orange);background:var(--color-orange)}.kbl-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;box-sizing:border-box}.kbl-bento-tile{position:relative;border-radius:var(--radius-lg);padding:20px 22px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease;min-height:120px}.kbl-bento-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.kbl-bento-tile--default{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.kbl-bento-tile--ghost{background:transparent;border:1px solid var(--color-border)}.kbl-bento-tile--solid{background:#f9fafb;border:1px solid var(--color-border)}.kbl-bento-tile--highlight{border-width:1px;border-style:solid}.kbl-bento-tile__accent-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kbl-bento-tile__header{display:flex;align-items:center;gap:8px;flex-shrink:0}.kbl-bento-tile__icon{font-size:15px;line-height:1}.kbl-bento-tile__title{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--color-muted);flex:1}.kbl-bento-tile__badge{font-family:var(--font-sans);font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:#f3f4f6;color:var(--color-muted);border:1px solid var(--color-border)}.kbl-bento-tile__kpi{font-family:var(--font-sans);font-size:36px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-text)}.kbl-bento-tile__kpi-sub{font-family:var(--font-sans);font-size:12px;color:var(--color-muted);margin-top:4px}.kbl-bento-tile__body{flex:1;overflow:hidden}.kbl-bento-tile__footer{font-family:var(--font-sans);font-size:12px;color:var(--color-muted-l);border-top:1px solid #F3F4F6;padding-top:10px;flex-shrink:0}.kbl-sparkline-tile{position:relative;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 20px 0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;min-height:130px;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.kbl-sparkline-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.kbl-sparkline-tile--animate{animation:kbl-tile-in .35s ease both}.kbl-sparkline-tile__top{display:flex;align-items:flex-start;gap:14px;margin-bottom:8px}.kbl-sparkline-tile__icon-box{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kbl-sparkline-tile__content{flex:1;min-width:0}.kbl-sparkline-tile__label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbl-sparkline-tile__value{font-family:var(--font-sans);font-size:30px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;line-height:1}.kbl-sparkline-tile__trend-row{display:flex;align-items:center;gap:6px;margin-top:6px}.kbl-sparkline-tile__trend-badge{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px}.kbl-sparkline-tile__trend-badge--up{background:#10b9811a;color:#059669}.kbl-sparkline-tile__trend-badge--down{background:#ef44441a;color:#dc2626}.kbl-sparkline-tile__trend-badge--flat{background:#6b72801a;color:var(--color-muted)}.kbl-sparkline-tile__trend-label{font-family:var(--font-sans);font-size:11px;color:var(--color-muted-l)}.kbl-sparkline-tile__wave{margin-top:auto;display:block;width:calc(100% + 40px);margin-left:-20px}.kbl-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:kbl-shimmer 1.4s infinite;border-radius:6px}.lg-card{background:var(--color-card);border-radius:var(--radius-xl);padding:44px 48px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000001a,0 4px 16px #0000000f}.lg-anim{animation:lgFadeUp .4s ease both}.lg-input-wrap{position:relative;display:flex;align-items:center}.lg-input-wrap input{padding-left:44px!important;padding-right:44px!important}.lg-icon-l{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-muted-l);display:flex}.lg-icon-r{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--color-muted-l);display:flex;background:none;border:none;padding:0}.lg-icon-r:hover{color:var(--color-muted)}.lg-secure{display:flex;align-items:center;gap:12px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:var(--radius-md);padding:14px 16px;margin-top:20px}.lg-input-styled{background:#f9fafb!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-md)!important;height:50px!important;font-size:14px!important;transition:border-color .18s,box-shadow .18s!important}.lg-input-styled:focus{border-color:var(--color-orange)!important;box-shadow:0 0 0 3px #ff64001a!important}@media (max-width: 1200px){.stat-grid-6{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 1100px){.kbl-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 920px){.lg-left{display:none!important}.lg-right{width:100%!important;justify-content:center}.lg-card{padding:32px 24px}}@media (max-width: 768px){.stat-grid-6{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.kbl-bento-grid{grid-template-columns:1fr}.kbl-bento-tile{grid-column:span 1!important}.grid2{grid-template-columns:1fr}.modal{padding:18px;border-radius:14px;max-height:95vh}.card{padding:14px;border-radius:var(--radius-md)}.tab{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.stat-grid-6{grid-template-columns:1fr 1fr!important}}@keyframes lgFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes kbl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kbl-tile-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(44px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes loadbar{0%{width:0;opacity:1}80%{width:100%}to{width:100%;opacity:0}}@keyframes bellWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #ff640066}60%{box-shadow:0 0 0 6px #ff640000}}