@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@keyframes skeleton-loading{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 0%,var(--highlight) 50%,var(--surface2) 100%);background-size:1000px 100%;animation:skeleton-loading 2.5s infinite;border-radius:4px;display:inline-block}.skeleton-text{height:20px;width:100%;margin-bottom:8px}.skeleton-line{height:16px;width:100%;margin-bottom:8px}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px;box-shadow:var(--shadow);margin-bottom:12px}.skeleton-card .skeleton{display:block}.skeleton-group{display:flex;flex-direction:column;gap:8px}.skeleton-group .skeleton{display:block}.skeleton-table{overflow:auto;margin-top:12px;border-radius:6px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.skeleton-table-header,.skeleton-table-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:9px 12px;border-bottom:1px solid var(--border);align-items:center}.skeleton-table-header{background:var(--surface2)}.skeleton-table-header .skeleton,.skeleton-table-row .skeleton{display:block;margin:0}.stats-grid-skeleton{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:12px}.skeleton-stat-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px;box-shadow:var(--shadow)}.skeleton-stat-card .skeleton{display:block;margin-bottom:8px}.skeleton-stat-card .skeleton:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--surface2)}}:root{--background: #f5faf6;--foreground: #1f3227;--card: #ffffff;--card-foreground: #1f3227;--primary: #2d6a4f;--primary-foreground: #ffffff;--secondary: #95d2a4;--secondary-foreground: #1f3227;--muted: #5d7669;--border: #d3e3d8;--input: #c9dbcf;--highlight: #e8f3ec;--surface2: #eff6f1;--text2: #344d3f;--text3: #617a6d;--danger: #b31e2d;--sidebar-background: #ffffff;--sidebar-foreground: #344d3f;--sidebar-primary: #2d6a4f;--sidebar-accent: #e6f2ea;--sidebar-border: #d3e3d8;--shadow: 0 1px 3px rgba(16, 35, 26, .08), 0 1px 2px rgba(16, 35, 26, .06);--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--foreground);background:var(--background)}a{color:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{background:var(--card);color:var(--foreground);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{min-height:52px;padding:0 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.workspace-avatar{width:28px;height:28px;border-radius:4px;background:var(--sidebar-primary);color:var(--primary-foreground);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.sidebar-brand h1{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.sidebar-brand p{margin:2px 0 0;color:var(--text3);font-size:.78rem;line-height:1.1}.nav-section{margin:0}.nav-section-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3);padding:14px 16px 5px}.sidebar nav{display:flex;flex-direction:column;gap:0}.sidebar nav a{position:relative;display:flex;align-items:center;min-height:34px;color:var(--text2);text-decoration:none;padding:8px 16px 8px 22px;border-left:2px solid transparent;font-size:.85rem;transition:background .16s ease,color .16s ease,border-color .16s ease}.sidebar nav a:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.35;position:absolute;left:11px}.sidebar nav a:hover,.sidebar nav a.active-link{border-left-color:var(--primary);background:var(--sidebar-accent);color:var(--foreground);font-weight:500}.sidebar nav a.active-link:before{opacity:1;background:var(--primary)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{min-height:52px;border-bottom:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;flex-shrink:0}.topbar-title{display:flex;flex-direction:column;line-height:1.2}.topbar-title strong{font-size:.96rem;font-weight:600}.topbar-title span{color:var(--text3);font-size:.8rem}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions select{min-width:130px;font-size:.88rem}.profile-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--text2);border:1px solid var(--border);border-radius:4px;padding:5px 8px 5px 5px;font-size:.85rem;min-height:32px}.profile-wrap{position:relative}.profile-avatar{width:22px;height:22px;border-radius:4px;background:var(--primary);color:var(--primary-foreground);display:inline-flex;align-items:center;justify-content:center;font-size:.67rem;font-weight:700}.profile-label{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--card);box-shadow:0 10px 24px #10231a24;z-index:30}.profile-menu-head{padding:4px 6px 10px;margin-bottom:6px;border-bottom:1px solid var(--border)}.profile-menu-title{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text3)}.profile-menu-name{font-size:.84rem;margin-top:4px;color:var(--foreground)}.profile-menu-meta{margin-top:2px;font-size:.74rem;color:var(--text3)}.profile-menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text2);padding:8px 9px;border-radius:4px;font-size:.82rem}.profile-menu-item:hover{background:var(--sidebar-accent);color:var(--foreground)}.profile-menu-item:disabled{opacity:.5;cursor:not-allowed}.profile-menu-item:disabled:hover{background:transparent;color:var(--text2)}.profile-menu-item.danger{color:var(--danger)}.content{flex:1;min-height:0;padding:18px 20px 22px;overflow:auto;background:var(--background)}.page-container{min-height:100%;max-width:1280px;margin:0 auto}.app-footer{min-height:34px;border-top:1px solid var(--border);background:var(--card);color:var(--text3);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:.7rem;flex-shrink:0}.page-header h2{margin:0;font-size:1.15rem;line-height:1.2;letter-spacing:0}.page-header p{margin-top:4px;color:var(--text3);font-size:.82rem}.stats-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px;box-shadow:var(--shadow)}.stat-card h4{margin:0;color:var(--text3);font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.stat-card strong{margin-top:8px;display:block;font-size:1.26rem;color:var(--foreground)}.table-wrap{overflow:auto;margin-top:12px;border-radius:6px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:.8rem;vertical-align:middle}th{color:var(--text2);font-weight:600;background:var(--surface2);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}tbody tr{transition:background .15s ease,opacity .15s ease}tbody tr:hover{background:#fbfdfb}.clickable-row{cursor:pointer}.muted-row{opacity:.62}.table-action,.back-link{color:var(--primary);font-weight:600;text-decoration:none;border:0;background:transparent;padding:0}.inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border-radius:4px;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);font-size:.76rem;font-weight:600;text-decoration:none}.table-action:hover,.back-link:hover{text-decoration:underline}.split-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem}.detail-heading{display:flex;align-items:center;gap:14px}.customer-detail-page{display:grid;gap:14px}.customer-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:6px;background:var(--card);box-shadow:var(--shadow)}.customer-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.customer-title-row h2{margin:0;font-size:1.32rem;line-height:1.15}.customer-title-row p{margin:4px 0 0;color:var(--text3);font-size:.82rem}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.status-pill,.count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:.72rem;font-weight:700;white-space:nowrap}.status-active{border-color:#badfc7;background:#e8f5e9;color:#2e7d32}.status-muted{border-color:#d9dede;background:#f3f7f4;color:var(--text3)}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.summary-card{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.summary-card h4{margin:0;color:var(--text3);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.summary-card strong{display:block;margin-top:8px;color:var(--foreground);font-size:1.3rem;line-height:1.15}.summary-card span{display:block;margin-top:5px;color:var(--text3);font-size:.76rem}.primary-summary{background:linear-gradient(180deg,#fff,#f2f8f4);border-color:#bed8c6}.detail-card{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.detail-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:14px;align-items:start}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.detail-card h3{margin:0;font-size:.98rem}.section-heading p{margin:4px 0 0;color:var(--text3);font-size:.8rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px 18px}.detail-grid.three-up{grid-template-columns:repeat(3,minmax(160px,1fr))}.detail-field.full{grid-column:1 / -1}.detail-field label{display:block;color:var(--text3);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-field p{margin:5px 0 0;color:var(--foreground);font-size:.84rem;white-space:pre-wrap}.metric-value{margin:5px 0 0;font-size:1.32rem;font-weight:700;color:var(--foreground)}.document-list{display:grid;gap:8px;margin:14px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid var(--border)}.document-list a{color:var(--primary);font-weight:600;text-decoration:none}.document-list a:hover{text-decoration:underline}.document-meta{color:var(--text3);font-size:.76rem;margin-left:8px}.alert-card{margin-top:14px;padding:12px 14px;border-radius:6px;border:1px solid #f1b3b8;border-left:3px solid var(--danger);background:#fff1f2;color:#8f1723}.alert-card strong,.alert-card p{color:inherit}.alert-card p{margin:6px 0 0;font-size:.82rem}.actions-row{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.detail-list{display:grid;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.detail-list div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:#fff}.detail-list div:last-child{border-bottom:0}.detail-list span{color:var(--text3);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-list strong{min-width:0;overflow-wrap:anywhere;color:var(--foreground);font-size:.8rem}.limit-editor{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:6px;background:#fbfdfb}.limit-editor-header h4{margin:0;font-size:.84rem}.limit-editor-header p{margin:5px 0 0;color:var(--text3);font-size:.76rem}.limit-editor-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(120px,1fr))}.limit-editor-actions{margin-top:10px;display:flex;justify-content:flex-end}.usage-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-progress-card{padding:12px;border:1px solid var(--border);border-radius:6px;background:#fbfdfb}.usage-progress-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.usage-progress-meta span{color:var(--text3);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.usage-progress-meta strong{color:var(--foreground);font-size:.82rem}.usage-progress-track{margin-top:8px;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#e9f1ec;border:1px solid #d7e6dd}.usage-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f8f5b,#57b378)}.usage-progress-fill.is-danger{background:linear-gradient(90deg,#d22f2f,#e26b6b)}.usage-progress-caption{margin:8px 0 0;color:var(--text3);font-size:.76rem}.usage-filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.usage-filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.usage-filter-group label{color:var(--text3);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.usage-metric-caption{display:block;margin-top:6px;color:var(--text3);font-size:.76rem}.usage-detail-summary{margin-top:14px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:14px;border-top:1px solid var(--border)}.usage-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#fbfdfb}.usage-detail-row span{color:var(--text3);font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.usage-detail-row strong{color:var(--foreground);font-size:.88rem}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.document-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:144px;padding:13px;border:1px solid var(--border);border-radius:6px;background:#fbfdfb}.document-card h4{margin:6px 0 0;font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}.document-card p{margin:6px 0 0;color:var(--text3);font-size:.76rem}.document-type{color:var(--primary);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.document-actions{display:flex;gap:8px}.document-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border-radius:4px;border:1px solid var(--border);background:#fff;color:var(--text2);font-size:.76rem;font-weight:700;text-decoration:none}.document-actions a:first-child{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.billing-strip{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin-bottom:12px}.billing-strip div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:#fbfdfb}.billing-strip label{display:block;color:var(--text3);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.billing-strip strong{display:block;min-width:0;margin-top:6px;color:var(--foreground);font-size:.8rem;overflow-wrap:anywhere}.compact-table{margin-top:0}.table-actions{display:flex;gap:10px;align-items:center}.empty-state{padding:14px;border:1px dashed var(--border);border-radius:6px;background:#fbfdfb;color:var(--text3);font-size:.82rem}.empty-state.subtle{margin-bottom:12px;border-style:solid;background:var(--surface2)}.payment-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:14px;align-items:start;margin-top:12px}.payment-builder-layout>.form-card{margin-top:0}.payment-section-divider{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.payment-section-divider h3{margin:0}.payment-section-divider p{margin:4px 0 0;color:var(--text3);font-size:.8rem}.customer-mode-grid{margin-bottom:10px}.customer-select-field,.customer-override-field{grid-column:span 2}.checkbox-inline{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text2);text-transform:none;letter-spacing:0;font-weight:500}.checkbox-inline input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0}.field-helper{display:block;margin-top:4px;color:var(--text3);font-size:.7rem}.payment-guardrail-note{margin-top:2px}.payment-review-badge{margin-top:10px;margin-bottom:10px;padding:10px 12px;border:1px solid #9ac8a5;border-radius:6px;background:#ecf8ef;color:#245235;font-size:.78rem;font-weight:600;line-height:1.35}.addon-list{display:grid;gap:10px;margin-bottom:14px}.addon-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,.7fr) minmax(72px,.45fr) minmax(130px,.8fr) minmax(130px,.8fr) auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,#fbfdfb,#f7fbf8);box-shadow:inset 0 1px #ffffffb3}.addon-row .field{gap:4px;min-width:0}.addon-row .field label{color:#587363;letter-spacing:.07em}.addon-row .field-helper{margin-top:6px;padding:4px 6px;border-radius:4px;background:#edf6ef;color:#355446;font-size:.67rem;line-height:1.2}.addon-row .secondary-btn{align-self:end;min-height:34px;white-space:nowrap}.payment-summary-card{position:sticky;top:0}.payment-summary-list{display:grid;gap:8px}.payment-summary-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.payment-summary-item strong{display:block;color:var(--foreground);font-size:.84rem}.payment-summary-item span{display:block;margin-top:3px;color:var(--text3);font-size:.74rem}.payment-summary-item b{flex-shrink:0;color:var(--foreground);font-size:.84rem}.payment-total-box{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface2)}.payment-total-box div{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-total-box span{color:var(--text3);font-size:.76rem}.payment-total-box strong{color:var(--foreground);font-size:.84rem}.payment-total-box .grand-total{padding-top:8px;border-top:1px solid var(--border)}.payment-total-box .grand-total strong{font-size:1.05rem}.wide-modal{width:min(680px,100%)}.modal-summary-list{margin:10px 0;border-top:1px solid var(--border)}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:12px;align-items:start}.ticket-chat-card{background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:480px;max-height:calc(100vh - 220px);overflow:hidden}.chat-thread-scroll{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px}.ticket-thread-empty{border:1px dashed var(--border);border-radius:6px;padding:18px;color:var(--text3);text-align:center;background:#fbfdfb}.chat-row{display:flex;align-items:flex-start;gap:10px;max-width:80%}.chat-row-customer{align-self:flex-start}.chat-row-support{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;line-height:1}.chat-avatar-customer{background:#e3f2fd;color:#1565c0}.chat-avatar-support{background:#e8f5e9;color:#2e7d32}.chat-bubble-group{display:flex;flex-direction:column;gap:4px}.chat-row-support .chat-bubble-group{align-items:flex-end}.chat-bubble-meta{display:flex;align-items:center;gap:8px;padding:0 4px}.chat-sender-name{font-size:.78rem;font-weight:600;color:var(--foreground)}.chat-timestamp{font-size:.68rem;color:var(--text3)}.chat-bubble{border-radius:12px;padding:10px 14px;font-size:.87rem;line-height:1.55;max-width:480px;word-break:break-word}.chat-bubble-customer{background:#f0f4ff;border:1px solid #d0dbf5;border-top-left-radius:4px}.chat-bubble-support{background:#e8f5e9;border:1px solid #c5e1c5;border-top-right-radius:4px}.chat-bubble-text{margin:0;white-space:pre-wrap;color:var(--text2)}.bubble-attachments{display:flex;flex-direction:column;gap:6px;margin-top:8px}.bubble-attachment-link{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:4px;text-decoration:none;background:#fff;font-size:.8rem;color:var(--foreground)}.bubble-attachment-icon{color:var(--text3);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bubble-attachment-name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-attachment-meta{color:var(--text3);font-size:.7rem}.chat-reply-bar{border-top:1px solid var(--border);background:var(--card);padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px}.chat-reply-textarea{width:100%;resize:vertical;min-height:70px;font-size:.87rem}.chat-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chat-reply-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-reply-right{display:flex;align-items:center;gap:8px}.chat-reply-hint{margin:0;font-size:.7rem;color:var(--text3)}.ticket-status-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#e8f5e9;color:#2e7d32;font-size:.75rem;font-weight:600;text-transform:capitalize}.ticket-file-picker{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text2);font-size:.82rem;cursor:pointer}.ticket-file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ticket-file-count{color:var(--text3);font-size:.78rem}.ticket-selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ticket-selected-files span{padding:5px 8px;border-radius:4px;border:1px solid var(--border);background:#fff;font-size:.78rem;color:var(--text2)}.ticket-sidebar{display:grid;gap:12px}.ticket-detail-card{padding:14px}.ticket-detail-card h3{margin:0 0 12px;font-size:.95rem}.ticket-detail-card dl{display:grid;gap:10px;margin:0}.ticket-detail-card dl div{display:grid;gap:2px}.ticket-detail-card dt{color:var(--text3);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.ticket-detail-card dd{margin:0;color:var(--foreground);font-size:.88rem;text-transform:capitalize}.ticket-detail-card button{margin-top:10px}.form-card{margin-top:12px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:16px;box-shadow:var(--shadow)}.form-card h3{margin-top:0;margin-bottom:0;font-size:.98rem}.form-card>h3{margin-bottom:12px}.form-submit-btn{margin-top:8px;min-height:36px;padding:8px 14px;font-size:.86rem;border-radius:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;margin-bottom:10px}.login-form-grid{grid-template-columns:1fr}.field{display:grid;gap:5px}.field label{color:var(--text3);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%}input,select,textarea,button{width:100%;font:inherit;min-height:36px;padding:8px 10px;border:1px solid var(--input);border-radius:4px;background:#fff;color:var(--foreground)}input,select,textarea{box-shadow:inset 0 1px #10231a05;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:var(--text3);opacity:.78}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text3) 50%),linear-gradient(135deg,var(--text3) 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px #2d6a4f24}input:hover,select:hover,textarea:hover{border-color:#adcbb8}textarea{min-height:90px;resize:vertical}button{cursor:pointer;width:auto;min-height:30px;padding:6px 10px;font-size:.82rem;background:var(--sidebar-primary);color:var(--primary-foreground);border:1px solid var(--sidebar-primary);font-weight:600;transition:opacity .16s ease,background .16s ease,border-color .16s ease}button:disabled{cursor:not-allowed;opacity:.55}button:hover{opacity:.92}.secondary-btn{background:#f3f7f4;color:var(--text2);border:1px solid var(--border)}.danger-btn{background:var(--danger);border-color:var(--danger);color:#fff}.success-btn{background:#2f8f5b;border-color:#2f8f5b;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10231a73;display:grid;place-items:center;z-index:90;padding:16px}.modal-card{width:min(520px,100%);background:var(--card);border-radius:6px;border:1px solid var(--border);box-shadow:0 14px 34px #10231a2e;padding:16px}.modal-card h3{margin:0}.modal-card p{margin:6px 0 10px;font-size:.85rem;color:var(--text3)}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;margin-bottom:12px;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.payment-review-actions{margin-top:12px}.error-text{color:var(--danger)}.info-text{margin-top:12px;color:var(--muted);font-size:.84rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--background)}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);padding:20px}.login-card h1{margin:0;font-size:1.2rem}.login-card p{margin:6px 0 14px;color:var(--text3);font-size:.86rem}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:12px;align-items:start}.account-layout>*{margin-top:0}.account-users-table{margin-top:0}@media (max-width: 920px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--border);overflow:visible}.sidebar-brand{min-height:58px}.nav-section{padding-bottom:6px}.sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.topbar{padding:0 12px;height:auto;min-height:56px;gap:10px;flex-wrap:wrap;align-content:center}.content{padding:16px}.detail-grid,.detail-grid.three-up,.detail-two-column,.billing-strip,.usage-progress-grid,.usage-detail-summary,.customer-summary-grid,.payment-builder-layout,.account-layout,.form-grid{grid-template-columns:1fr}.addon-row{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-row>:first-child,.addon-row>:last-child{grid-column:1 / -1}.addon-row>:last-child{justify-self:end}.customer-hero{align-items:flex-start;flex-direction:column}.ticket-layout{grid-template-columns:1fr}}