@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary: #1D3C6F;--primary-mid: #2E5583;--primary-light: #3A6BA8;--accent: #A51C30;--accent-hover: #861525;--accent-light: #F8E8EB;--white: #FFFFFF;--bg-app: #F0F4FA;--bg-card: #FFFFFF;--text-dark: #1A2B47;--text-body: #3D4F6B;--text-muted: #7A8DAA;--border: #D8E3F0;--border-light: #EBF0FA;--status-draft: #D4A017;--status-review: #E87A1B;--status-pending: #2E5583;--status-confirmed: #1E7E34;--status-rejected: #A51C30;--status-new: #1E6DAB;--status-inprogress: #E87A1B;--status-resolved: #0E7A7A;--status-closed: #6C7A99;--sidebar-width: 256px;--sidebar-collapsed: 64px;--topbar-h: 64px;--shadow-xs: 0 1px 4px rgba(29, 60, 111, .07);--shadow-sm: 0 2px 10px rgba(29, 60, 111, .1);--shadow-md: 0 4px 20px rgba(29, 60, 111, .13);--shadow-lg: 0 8px 32px rgba(29, 60, 111, .16);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{font-family:Poppins,system-ui,sans-serif;font-size:14px;line-height:1.6;background:var(--bg-app);color:var(--text-dark);display:flex;min-height:100vh;overflow-x:hidden;scrollbar-gutter:stable}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--border-light)}::-webkit-scrollbar-thumb{background:var(--primary-mid);border-radius:3px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--primary);display:flex;flex-direction:column;z-index:100;transition:width .3s ease;overflow:hidden}.sidebar-logo{display:flex;align-items:center;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.1);min-height:90px}.sidebar-logo img{width:46px;height:46px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.sidebar-logo .brand-text{margin-left:12px;overflow:hidden}.sidebar-logo .brand-name{display:block;font-size:15px;font-weight:700;color:var(--white);white-space:nowrap;letter-spacing:.5px}.sidebar-logo .brand-sub{display:block;font-size:10px;font-weight:400;color:#fff9;white-space:nowrap;letter-spacing:1.5px;text-transform:uppercase}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.nav-section-label{padding:16px 20px 6px;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff6;white-space:nowrap}.nav-item a{display:flex;align-items:center;padding:11px 20px;color:#ffffffbf;font-size:13.5px;font-weight:500;transition:background .2s,color .2s;white-space:nowrap;border-left:3px solid transparent;gap:12px}.nav-item a:hover{background:#ffffff17;color:var(--white)}.nav-item.active a{background:#ffffff24;color:var(--white);border-left-color:var(--accent)}.nav-item a .nav-icon{width:20px;text-align:center;font-size:15px;flex-shrink:0}.nav-item a .nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--r-pill)}.sidebar-user{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;cursor:pointer}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.user-meta{overflow:hidden}.user-name{display:block;font-size:12.5px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-company{display:block;font-size:11px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .user-meta{display:none}.sidebar.collapsed .nav-item a{justify-content:center;padding:12px 0}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:20px 0 16px}.sidebar.collapsed .sidebar-user{justify-content:center}.main-wrapper{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.main-wrapper.collapsed{margin-left:var(--sidebar-collapsed)}.topbar{position:sticky;top:0;height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;z-index:90;box-shadow:var(--shadow-xs)}.topbar-left{display:flex;align-items:center;gap:16px}.btn-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-muted);font-size:16px;transition:background .2s,color .2s}.btn-toggle:hover{background:var(--bg-app);color:var(--primary)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.breadcrumb-sep{color:var(--border)}.breadcrumb-current{font-weight:600;color:var(--text-dark)}.topbar-right{display:flex;align-items:center;gap:8px}.btn-icon{position:relative;width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;transition:background .2s,color .2s}.btn-icon:hover{background:var(--bg-app);color:var(--primary)}.badge-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--white)}.btn-logout{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);border:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text-body);transition:background .2s,border-color .2s}.btn-logout:hover{background:var(--bg-app);border-color:var(--primary);color:var(--primary)}.page-content{flex:1;padding:28px 32px 40px}.section-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.section-heading{font-size:16px;font-weight:700;color:var(--primary)}.section-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r-sm);font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--white);border:2px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 14px #a51c3059}.btn-secondary{background:var(--primary);color:var(--white);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-mid);border-color:var(--primary-mid);box-shadow:0 4px 14px #1d3c6f40}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--border)}.btn-outline:hover{background:var(--bg-app);border-color:var(--primary)}.btn-ghost{color:var(--primary-light);font-size:12.5px;font-weight:500;padding:0}.btn-ghost:hover{color:var(--accent)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 28px;font-size:14px}.card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-header{padding:18px 22px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light)}.card-title{font-size:14px;font-weight:700;color:var(--primary)}.card-body{padding:20px 22px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;white-space:nowrap}.badge-draft{background:#fff3cc;color:#8a6200}.badge-review{background:#fff0e0;color:#9a4a00}.badge-pending{background:#e8f0fc;color:var(--primary)}.badge-confirmed{background:#e6f7ec;color:#1a6e31}.badge-booked{background:#e0f4fa;color:#0b5f79}.badge-rejected{background:var(--accent-light);color:var(--accent)}.badge-new{background:#e3f0fc;color:#1565a0}.badge-inprogress{background:#fff0e0;color:#9a4a00}.badge-resolved{background:#e6f7f7;color:#0a6060}.badge-closed{background:#f0f2f5;color:#5a6478}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.required-star{color:var(--accent);margin-left:2px}.form-control{width:100%;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13.5px;color:var(--text-dark);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-control:focus{border-color:var(--primary-mid);box-shadow:0 0 0 3px #2e55831f}.form-control:disabled{background:var(--bg-app);color:var(--text-muted);cursor:not-allowed}textarea.form-control{resize:vertical;min-height:90px}select.form-control{cursor:pointer}.form-hint{font-size:11.5px;color:var(--text-muted);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.toggle-wrap{display:flex;align-items:center;gap:10px;padding:4px 0}.toggle{position:relative;width:42px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:22px;transition:.3s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--primary-mid)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:13px;color:var(--text-body);cursor:pointer}.star-rating{display:flex;gap:4px}.star-rating .star{font-size:22px;color:var(--border);cursor:pointer;transition:color .1s}.star-rating .star.active,.star-rating .star:hover~.star,.star-rating:hover .star{color:#f5c518}.star-rating .star:hover,.star-rating .star:hover~.star{color:#f5c518}.file-upload-area{border:2px dashed var(--border);border-radius:var(--r-md);padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.file-upload-area:hover{border-color:var(--primary-mid);background:var(--border-light)}.file-upload-area .upload-icon{font-size:28px;color:var(--text-muted);margin-bottom:8px}.file-upload-area .upload-text{font-size:13px;color:var(--text-body)}.file-upload-area .upload-hint{font-size:11.5px;color:var(--text-muted);margin-top:4px}.file-upload-area input[type=file]{display:none}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 16px;text-align:left;font-size:11.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;background:var(--bg-app);border-bottom:2px solid var(--border)}.data-table td{padding:14px 16px;font-size:13px;color:var(--text-body);border-bottom:1px solid var(--border-light);vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#fafcff}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a143280;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:translateY(16px);transition:transform .25s}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{padding:22px 26px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light)}.modal-title{font-size:15.5px;font-weight:700;color:var(--primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-muted);font-size:14px;transition:background .2s}.modal-close:hover{background:var(--bg-app);color:var(--text-dark)}.modal-body{padding:22px 26px}.modal-footer{padding:16px 26px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-light)}.alert{padding:14px 18px;border-radius:var(--r-md);font-size:13px;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.alert-success{background:#e6f7ec;color:#1a6e31;border-left:4px solid #1E7E34}.alert-warning{background:#fff5e0;color:#8a6200;border-left:4px solid #D4A017}.alert-error{background:var(--accent-light);color:var(--accent);border-left:4px solid var(--accent)}.alert-info{background:#e8f0fb;color:var(--primary);border-left:4px solid var(--primary-mid)}.empty-state{padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state .empty-title{font-size:15px;font-weight:600;color:var(--text-body);margin-bottom:6px}.empty-state .empty-desc{font-size:13px}@media (max-width: 1024px){:root{--sidebar-width: 220px}.page-content{padding:20px 24px 32px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.main-wrapper{margin-left:0!important}.form-row,.form-row-3{grid-template-columns:1fr}}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:9999;font-size:13px;font-weight:600;border-radius:0 0 var(--r-sm) 0;transition:top .2s}.skip-link:focus{top:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breadcrumb-link{color:var(--text-muted);font-size:13px;font-weight:500;transition:color .2s}.breadcrumb-link:hover{color:var(--primary)}.card-title{display:flex;align-items:center;gap:8px}.card-title i{font-size:13px;color:var(--primary-mid)}.welcome-banner{background:linear-gradient(135deg,#0f1c41d1,#1d3c6fad,#14285a8c),url(https://images.unsplash.com/photo-1507608869274-d3177c8bb4c7?w=1400&q=80&fit=crop) center/cover no-repeat;border-radius:var(--r-xl);padding:44px 40px 44px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;overflow:hidden;position:relative;min-height:200px}.welcome-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none}.welcome-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:0 0 var(--r-xl) var(--r-xl)}.welcome-left{position:relative;z-index:1}.welcome-greeting{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fffc;margin-bottom:6px;text-shadow:0 1px 6px rgba(0,0,0,.3)}.welcome-name{font-size:28px;font-weight:800;color:var(--white);margin-bottom:8px;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.35)}.welcome-name span{color:#f5c77e}.welcome-tagline{font-size:13.5px;color:#ffffffe0;font-weight:400;text-shadow:0 1px 6px rgba(0,0,0,.3)}.welcome-right{position:relative;z-index:1;text-align:right;flex-shrink:0}.welcome-date{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:10px 18px;color:#ffffffe6;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metric-card{background:var(--bg-card);border-radius:var(--r-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow .2s,transform .2s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon-wrap{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.icon-navy{background:#e8f0fc;color:var(--primary)}.icon-gold{background:#fff6e0;color:#c08000}.icon-green{background:#e6f7ec;color:#1a7a36}.icon-red{background:var(--accent-light);color:var(--accent)}.metric-content{flex:1;min-width:0}.metric-label{font-size:11.5px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.metric-value{font-size:20px;font-weight:800;color:var(--primary);line-height:1.1}.metric-value.value-green,.metric-value.value-active{color:#1a7a36}.metric-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.credit-bar-wrap{margin-top:6px}.credit-bar{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.credit-bar-fill{height:100%;background:linear-gradient(90deg,#1a7a36,#2ecc71);border-radius:3px}.credit-bar-label{font-size:10.5px;color:var(--text-muted);margin-top:4px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.action-card{background:var(--bg-card);border-radius:var(--r-xl);padding:28px 26px;display:flex;flex-direction:column;gap:14px;border:2px solid var(--border-light);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s,border-color .25s;cursor:pointer;text-decoration:none;color:inherit}.action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card.action-primary{border-color:var(--accent)}.action-card.action-secondary{border-color:var(--primary-mid)}.action-card.action-primary:hover{box-shadow:0 8px 28px #a51c3026}.action-card.action-secondary:hover{box-shadow:0 8px 28px #1d3c6f24}.action-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.action-primary .action-icon-wrap{background:var(--accent-light);color:var(--accent)}.action-secondary .action-icon-wrap{background:#e8f0fc;color:var(--primary)}.action-outline .action-icon-wrap{background:var(--bg-app);color:var(--primary-mid)}.action-title{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:4px}.action-desc{font-size:12.5px;color:var(--text-muted);line-height:1.55}.action-cta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;margin-top:auto}.action-primary .action-cta{color:var(--accent)}.action-secondary .action-cta{color:var(--primary)}.action-outline .action-cta{color:var(--primary-mid)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.dot-blue{background:var(--primary-mid)}.dot-red{background:var(--accent)}.dot-green{background:#1a7a36}.dot-gold{background:#c08000}.activity-info{flex:1;min-width:0}.activity-title{font-size:12.5px;font-weight:600;color:var(--text-dark)}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px}.announcements{display:flex;flex-direction:column;gap:10px}.announcement-item{background:var(--bg-app);border-radius:var(--r-md);padding:14px 16px;display:flex;align-items:flex-start;gap:12px;border-left:3px solid var(--primary-mid)}.ann-icon{font-size:16px;color:var(--primary-mid);margin-top:1px;flex-shrink:0}.ann-title{font-size:12.5px;font-weight:600;color:var(--text-dark)}.ann-text{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-overlay{opacity:1;pointer-events:all;background:#0a14328c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{transform:none;animation:scaleIn .22s ease}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a143299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}.success-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:44px 40px;text-align:center;max-width:420px;width:100%;animation:scaleIn .25s ease}.success-icon{width:72px;height:72px;background:#e6f7ec;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#1a6e31}.success-title{font-size:20px;font-weight:800;color:var(--primary);margin-bottom:8px}.success-ref-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.success-ref-number{font-size:20px;font-weight:700;color:var(--accent);margin-bottom:24px}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.form-input,.form-select,.form-textarea{width:100%;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13.5px;color:var(--text-dark);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-mid);box-shadow:0 0 0 3px #2e55831f}.form-textarea{resize:vertical;min-height:90px;line-height:1.6}.form-select{cursor:pointer}.form-select-sm{padding:5px 10px;font-size:12px;width:auto}.form-input.input-error,.form-select.input-error,.form-textarea.input-error{border-color:var(--accent)}.input-prefix-wrap{position:relative}.input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:var(--text-muted);pointer-events:none}.input-with-prefix{padding-left:48px}.required{color:var(--accent);margin-left:3px}.char-counter{font-size:11px;color:var(--text-muted);float:right;font-weight:400}.field-error{display:block;font-size:11.5px;color:var(--accent);margin-top:4px}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.radio-row{display:flex;gap:16px}.radio-option{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-body);cursor:pointer}.radio-option input{accent-color:var(--primary-mid)}.toggle-switch{position:relative;width:42px;height:22px;border-radius:22px;background:transparent;border:none;cursor:pointer;flex-shrink:0;padding:0;overflow:hidden}.toggle-switch.on .toggle-slider{background:var(--primary-mid)}.toggle-switch.on .toggle-slider:before{transform:translate(20px)}.toggle-group{display:flex;flex-direction:column}.star-btn{background:none;border:none;font-size:22px;color:var(--border);cursor:pointer;transition:color .1s;padding:0}.star-btn.active,.star-btn:hover{color:#f5c518}.file-upload-wrap{display:flex;flex-direction:column;gap:8px}.file-input-hidden{display:none}.file-upload-display{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:13px;color:var(--text-muted);transition:border-color .2s;background:var(--white)}.file-upload-display:hover{border-color:var(--primary-mid);color:var(--text-dark)}.file-placeholder{flex:1}.file-browse-btn{flex-shrink:0;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 12px;font-size:12px;font-weight:600;color:var(--text-body);pointer-events:none}.file-chips{display:flex;flex-wrap:wrap;gap:8px}.file-chip{display:flex;align-items:center;gap:6px;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px;font-size:12px;color:var(--text-body)}.file-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:0;line-height:1;transition:color .2s}.file-chip-remove:hover{color:var(--accent)}.type-pills{display:flex;gap:10px;flex-wrap:wrap}.type-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-body);transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none;background:var(--white)}.type-pill:hover{border-color:var(--primary-mid);background:var(--border-light)}.type-pill.selected{border-color:var(--primary-mid);background:#ebf2fc;color:var(--primary);font-weight:600}.pill-label{font-size:13px}.workspace-panel{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.workspace-tabs{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-app)}.workspace-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .2s,border-color .2s}.workspace-tab:hover{color:var(--primary)}.workspace-tab.active{color:var(--primary);border-bottom-color:var(--accent);background:var(--white)}.tab-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--r-pill)}.workspace-content{padding:0;display:grid;grid-template-columns:minmax(0,1fr)}.workspace-tab-panel{grid-column:1;grid-row:1;min-width:0;visibility:hidden;height:0;overflow:hidden;pointer-events:none}.workspace-tab-panel.active{visibility:visible;height:auto;overflow:visible;pointer-events:auto}.table-wrap{overflow-x:auto}.table-wrap .data-table{min-width:700px}.table-toolbar{display:flex;gap:10px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light)}.search-wrap{flex:1;position:relative;max-width:320px}.search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.table-search{width:100%;padding:8px 12px 8px 34px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;background:var(--bg-app);outline:none;transition:border-color .2s;font-family:inherit}.table-search:focus{border-color:var(--primary-mid);background:var(--white)}.table-filter{width:auto;min-width:140px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border-light);font-size:12.5px;color:var(--text-muted)}.pagination-btns{display:flex;align-items:center;gap:8px}.pagination-current{font-weight:600;color:var(--text-dark);min-width:50px;text-align:center}.table-ref{font-weight:700;color:var(--primary);white-space:nowrap}.table-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-date{white-space:nowrap;color:var(--text-muted)}.action-btns{display:flex;gap:6px;align-items:center}.requester-cell{display:flex;align-items:center;gap:8px}.requester-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-mid);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-row{text-align:center!important;color:var(--text-muted);padding:32px!important;font-style:italic}.skeleton-cell{height:14px;background:var(--border-light);border-radius:4px}.req-stats{display:flex;gap:10px;padding:16px 18px 0;flex-wrap:wrap}.req-stat-tile{flex:1;min-width:88px;text-align:center;background:var(--bg-app);border-radius:var(--r-md);padding:12px 10px 10px;border:1px solid var(--border-light);border-top:3px solid var(--border);cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.req-stat-tile:hover,.req-stat-tile.active{background:var(--white);box-shadow:var(--shadow-sm)}.req-stat-tile-count{font-size:22px;font-weight:800;line-height:1}.req-stat-tile-label{font-size:10.5px;color:var(--text-muted);margin-top:4px;font-weight:500;white-space:nowrap}.req-stat-tile.tile-all{border-top-color:var(--primary-mid)}.req-stat-tile.tile-all .req-stat-tile-count{color:var(--primary)}.req-stat-tile.tile-draft{border-top-color:#d4a017}.req-stat-tile.tile-draft .req-stat-tile-count{color:#8a6200}.req-stat-tile.tile-review{border-top-color:#e87a1b}.req-stat-tile.tile-review .req-stat-tile-count{color:#9a4a00}.req-stat-tile.tile-pending{border-top-color:var(--primary-mid)}.req-stat-tile.tile-pending .req-stat-tile-count{color:var(--primary)}.req-stat-tile.tile-confirmed{border-top-color:#1a7a36}.req-stat-tile.tile-confirmed .req-stat-tile-count{color:#1a6e31}.req-stat-tile.tile-booked{border-top-color:#0e6e8a}.req-stat-tile.tile-booked .req-stat-tile-count{color:#0b5f79}.req-stat-tile.tile-rejected{border-top-color:var(--accent)}.req-stat-tile.tile-rejected .req-stat-tile-count{color:var(--accent)}.req-stat-tile.tile-new{border-top-color:#1565a0}.req-stat-tile.tile-new .req-stat-tile-count{color:#1565a0}.req-stat-tile.tile-inprogress{border-top-color:#e87a1b}.req-stat-tile.tile-inprogress .req-stat-tile-count{color:#9a4a00}.req-stat-tile.tile-resolved{border-top-color:#0a6060}.req-stat-tile.tile-resolved .req-stat-tile-count{color:#0a6060}.priority-chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:var(--r-pill);letter-spacing:.3px}.priority-normal{background:#eef0f3;color:#5a6478}.priority-urgent{background:#fff0dd;color:#c05a00}.priority-vip{background:#f9f0ff;color:#7b21a0}.detail-grid{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;border-bottom:1px solid var(--border-light);font-size:12.5px}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);flex-shrink:0}.detail-value{font-weight:600;color:var(--text-dark);text-align:right}.info-table{width:100%;border-collapse:collapse;font-size:12px}.info-table th{text-align:left;padding:6px 0;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-light)}.info-table td{padding:7px 0;border-bottom:1px solid var(--border-light);color:var(--text-body)}.info-table tr:last-child td{border-bottom:none}.skeleton{animation:pulse 1.5s infinite;background:var(--border-light)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.page-header{background:var(--white);border-radius:var(--r-lg);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.page-header-left{display:flex;align-items:center;gap:16px}.page-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-hover))}.page-header-icon.icon-navy{background:linear-gradient(135deg,var(--primary),var(--primary-mid))}.page-header-title{font-size:18px;font-weight:800;color:var(--primary)}.page-header-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.page-header-actions{display:flex;gap:10px;align-items:center}.form-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.form-layout.form-layout-case{grid-template-columns:1fr 300px}.form-section{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:20px}.form-section:focus-within{border-color:var(--primary-mid)}.form-section-header{padding:16px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:12px}.section-number{width:26px;height:26px;background:var(--primary);color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-section-title{font-size:14px;font-weight:700;color:var(--primary)}.form-section-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.form-section-body{padding:20px 24px}.form-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-top:4px}.summary-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--topbar-h) + 16px)}.summary-header{padding:14px 20px;border-bottom:1px solid var(--border-light);font-size:13px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.summary-header i{color:var(--primary-mid)}.summary-body{padding:16px 20px}.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:12.5px}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--text-muted)}.summary-value{font-weight:600;color:var(--text-dark);text-align:right}.credit-summary-bar{margin:14px 0 4px}.credit-bar-track{height:6px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:5px}.credit-bar-used{height:100%;background:linear-gradient(90deg,var(--primary-mid),var(--primary-light));border-radius:4px}.credit-bar-legend{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted)}.summary-services{margin-top:14px}.summary-service-chip{display:flex;align-items:center;gap:8px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--r-sm);padding:7px 10px;margin-bottom:7px;font-size:12px}.chip-icon{font-size:13px;color:var(--primary-mid);width:16px;text-align:center}.chip-label{font-weight:500;color:var(--text-dark);flex:1}.chip-remove{color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px;background:none;border:none;transition:color .2s;line-height:1}.chip-remove:hover{color:var(--accent)}.no-services-msg{text-align:center;color:var(--text-muted);font-size:12px;padding:14px 0;font-style:italic}.service-block{border:1.5px solid var(--border);border-radius:var(--r-md);margin-bottom:16px;overflow:hidden;transition:border-color .2s}.service-block:focus-within{border-color:var(--primary-mid)}.service-block-header{background:var(--bg-app);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light)}.service-block-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--primary)}.service-block-actions{display:flex;align-items:center;gap:6px}.service-block-body{padding:18px 18px 14px}.btn-collapse{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);border:1px solid var(--border);background:var(--white);cursor:pointer;transition:background .2s}.btn-collapse:hover{background:var(--border-light)}.btn-remove-svc{width:28px;height:28px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent);border:1px solid #F5C0C9;background:var(--accent-light);cursor:pointer;transition:background .2s}.btn-remove-svc:hover{background:#f5c0c9}.btn-add-service{width:100%;padding:12px;border:2px dashed var(--border);border-radius:var(--r-md);background:transparent;color:var(--primary-mid);font-size:13px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:border-color .2s,background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add-service:hover{border-color:var(--primary-mid);background:var(--border-light);color:var(--primary)}.conditional-divider{border:none;border-top:1px dashed var(--border);margin:14px 0}.conditional-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--primary-mid);margin-bottom:12px;display:flex;align-items:center;gap:6px}.conditional-label:after{content:"";flex:1;height:1px;background:var(--border-light)}.priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.priority-option{position:relative}.priority-option input{position:absolute;opacity:0;pointer-events:none}.priority-label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:center;transition:border-color .2s,background .2s}.priority-option input:checked+.priority-label{border-color:var(--primary-mid);background:#ebf2fc}.priority-option input:checked+.priority-label .priority-name{color:var(--primary)}.priority-icon{font-size:20px}.priority-name{font-size:12px;font-weight:600;color:var(--text-dark)}.priority-desc{font-size:10.5px;color:var(--text-muted)}.amenity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.amenity-check{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:border-color .2s,background .2s;font-size:12.5px;color:var(--text-body);-webkit-user-select:none;user-select:none}.amenity-check input{accent-color:var(--primary-mid);width:14px;height:14px;cursor:pointer}.amenity-check.checked{border-color:var(--primary-mid);background:#ebf2fc;color:var(--primary);font-weight:500}.info-card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--topbar-h) + 16px);overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-wrap{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:9999;animation:toast-in .25s ease}.toast-inner{display:flex;align-items:center;gap:10px;padding:13px 22px;border-radius:var(--r-md);font-size:14px;font-weight:600;box-shadow:0 4px 20px #0000002e;white-space:nowrap}.toast-success{background:#1a7f3c;color:#fff}.toast-success i{font-size:16px}.info-card-header{background:linear-gradient(135deg,var(--primary),var(--primary-mid));padding:18px 20px;color:#fff}.info-card-title{font-size:13px;font-weight:700;margin-bottom:4px}.info-card-sub{font-size:11.5px;opacity:.8;line-height:1.5}.info-card-body{padding:16px 20px}.info-type-block{padding:12px 14px;border-radius:var(--r-md);margin-bottom:10px;border-left:3px solid transparent}.info-type-block.complaint{background:var(--accent-light);border-left-color:var(--accent)}.info-type-block.suggestion{background:#fff8e0;border-left-color:#d4a017}.info-type-block.inquiry{background:#e8f0fc;border-left-color:var(--primary-mid)}.info-type-title{font-size:12px;font-weight:700;margin-bottom:3px}.info-type-desc{font-size:11.5px;color:var(--text-muted);line-height:1.5}.sla-block{background:var(--bg-app);border-radius:var(--r-md);padding:14px 16px;margin-top:14px;border:1px solid var(--border-light)}.sla-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px}.sla-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 0;border-bottom:1px solid var(--border-light)}.sla-row:last-child{border-bottom:none}.sla-label{color:var(--text-muted)}.sla-value{font-weight:600;color:var(--text-dark)}@media (max-width: 1279px){.metrics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1023px){.two-col-grid,.form-layout,.form-row{grid-template-columns:1fr}.priority-grid{grid-template-columns:repeat(3,1fr)}.amenity-grid{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.metrics-grid,.quick-actions-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;padding:28px 24px}.welcome-right{text-align:left}.type-pills,.page-header{flex-direction:column}.priority-grid,.amenity-grid{grid-template-columns:1fr}}.service-line-card{border:1px solid var(--border-light);border-radius:var(--r-md);overflow:hidden}.service-line-header{background:linear-gradient(135deg,var(--primary),var(--primary-mid));padding:10px 16px}.service-line-title{color:#fff;font-weight:700;font-size:13px;letter-spacing:.3px}.service-line-card .detail-grid{padding:12px 16px}.flight-confirm-body{display:flex;flex-direction:column;gap:20px;padding:4px 0 0}.flight-confirm-hint{font-size:13.5px;color:var(--text-muted);margin:0}.flight-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flight-option-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--border-light);border-radius:var(--r-lg);cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;background:var(--white);-webkit-user-select:none;user-select:none}.flight-option-card:hover{border-color:var(--primary-mid);background:#f4f7ff}.flight-option-card.selected{border-color:var(--primary);background:#eef3ff;box-shadow:0 0 0 3px #1d3c6f1a}.flight-option-radio{flex-shrink:0;width:18px;height:18px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:border-color .18s}.flight-option-card.selected .flight-option-radio{border-color:var(--primary)}.flight-option-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);opacity:0;transition:opacity .15s}.flight-option-card.selected .flight-option-dot{opacity:1}.flight-option-info{display:flex;flex-direction:column;gap:5px}.flight-option-label{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.flight-option-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-body)}.flight-option-row i{width:13px;text-align:center;color:var(--primary-mid);font-size:11px}.flight-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;border-top:1px solid var(--border-light);margin-top:4px}