:root{--primary-dark:#12352b;--primary-dark-hover:#0d2720;--text-main:#172a25;--text-secondary:#6d7d76;--text-muted:#8e9c95;--text-light:#f7faf8;--bg-page:#fff;--bg-top-bar:#b9c1bc;--bg-surface-sage:#9ea8a2;--bg-surface-sage-light:#aab3ae;--bg-surface-card:#f3f6f4;--bg-surface-input:#fff;--bg-card-border:#d8e1db;--bg-sage-dark:#2a483e;--accent-amber:#d97706;--accent-amber-bg:#fef3c7;--accent-amber-border:#f59e0b;--accent-green:#15803d;--accent-green-bg:#dcfce7;--accent-blue:#1d4ed8;--accent-blue-bg:#dbeafe;--accent-red:#b91c1c;--accent-red-bg:#fee2e2;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 2px #12352b0d;--shadow-md:0 4px 12px #12352b14;--shadow-lg:0 10px 25px #12352b1f;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--primary-dark);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark-hover);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border-color:var(--bg-card-border);background-color:#fff}.btn-outline:hover:not(:disabled){background-color:#f8faf9;border-color:#bac7c0}.btn-ghost{color:var(--text-main);border:1px solid var(--bg-card-border);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){background-color:#0000000a}.top-nav-bar{background-color:var(--bg-top-bar);justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.nav-tabs{align-items:center;gap:8px;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.nav-tab:hover{background-color:#ffffff59}.nav-tab.active{background-color:#ffffff8c;border-color:#00000026}.ticket-badge{background-color:var(--primary-dark);color:#fff;border-radius:var(--radius-pill);padding:2px 7px;font-size:11px;font-weight:700}.nav-right{align-items:center;gap:20px;display:flex}.nav-link{color:var(--text-main);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.nav-link:hover{opacity:.8}.user-avatar{width:38px;height:38px;color:var(--text-main);cursor:pointer;background-color:#fff;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.dashboard-container{max-width:1200px;margin:0 auto;padding:36px 24px 60px}.dashboard-welcome{margin-bottom:28px}.dashboard-tag{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600}.dashboard-heading{color:var(--text-main);letter-spacing:-.5px;font-size:32px;font-weight:700}.project-hero-card{background-color:var(--bg-surface-sage);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:32px;margin-bottom:24px;padding:32px 40px;display:flex;position:relative;overflow:hidden}.project-hero-left{flex:1}.company-badge-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.company-logo-box{width:36px;height:36px;color:var(--text-main);letter-spacing:.5px;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.company-text-meta{flex-direction:column;display:flex}.company-meta-name{letter-spacing:.8px;text-transform:uppercase;color:#172a25bf;font-size:11px;font-weight:700}.company-meta-project{color:var(--text-main);font-size:15px;font-weight:700}.project-hero-title{color:var(--text-main);letter-spacing:-.3px;margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.25}.project-hero-desc{color:#172a25d9;max-width:600px;margin-bottom:24px;font-size:14px}.project-meta-grid{flex-wrap:wrap;gap:40px;display:flex}.meta-item-label{letter-spacing:.6px;text-transform:uppercase;color:#172a25a6;margin-bottom:4px;font-size:11px;font-weight:700}.meta-item-val{color:var(--text-main);font-size:14px;font-weight:700}.project-hero-right{justify-content:center;align-items:center;min-width:160px;display:flex}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.dashboard-col{flex-direction:column;gap:24px;display:flex}.sage-card{background-color:var(--bg-surface-sage);border-radius:var(--radius-lg);color:var(--text-main);padding:26px 28px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.card-small-tag{letter-spacing:.8px;text-transform:uppercase;color:#172a25b3;font-size:11px;font-weight:700}.card-title-lg{color:var(--text-main);margin-bottom:18px;font-size:18px;font-weight:700}.status-pill-small{border-radius:var(--radius-pill);color:var(--text-main);background-color:#fff6;padding:4px 10px;font-size:12px;font-weight:600}.journey-timeline{justify-content:space-between;align-items:center;margin:24px 0 28px;display:flex;position:relative}.timeline-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.timeline-step-connector{z-index:1;background-color:#172a2540;height:2px;position:absolute;top:14px;left:20px;right:20px}.timeline-circle{width:30px;height:30px;color:var(--text-main);background-color:#fff6;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.timeline-circle.completed{background-color:var(--text-main);color:#fff}.timeline-circle.current{color:var(--text-main);background-color:#fff;box-shadow:0 0 0 3px #fff6}.timeline-step-label{color:#172a25d9;font-size:12px;font-weight:600}.card-footer-box{border-radius:var(--radius-md);background-color:#ffffff59;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.milestone-info{align-items:center;gap:12px;display:flex}.milestone-icon{background-color:#172a251a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ticket-stats-grid{border-bottom:1px solid #172a2526;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding-bottom:20px;display:grid}.stat-item{text-align:center;border-right:1px solid #172a2526}.stat-item:last-child{border-right:none}.stat-number{color:var(--text-main);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.stat-label{letter-spacing:.6px;text-transform:uppercase;color:#172a25a6;font-size:11px;font-weight:700}.recent-ticket-row{border-radius:var(--radius-md);cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:all .15s;display:flex}.recent-ticket-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ticket-icon-box{width:34px;height:34px;color:var(--primary-dark);background-color:#ebf1ed;border-radius:8px;justify-content:center;align-items:center;font-family:serif;font-size:16px;font-style:italic;font-weight:700;display:flex}.recent-ticket-info{flex:1}.recent-ticket-subject{color:var(--text-main);font-size:14px;font-weight:700}.recent-ticket-meta{color:var(--text-secondary);font-size:12px}.pill-in-progress{color:#17382e;border-radius:var(--radius-pill);background-color:#e2e8e4;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.support-card{background-color:var(--bg-surface-sage);border-radius:var(--radius-lg);padding:26px 28px}.support-icon-square{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:16px;display:flex}.support-heading{color:var(--text-main);margin-bottom:6px;font-size:18px;font-weight:700}.support-desc{color:#172a25d9;margin-bottom:20px;font-size:13px;line-height:1.45}.support-response-time{color:#172a25a6;margin-top:14px;font-size:12px}.auth-split-layout{grid-template-columns:.9fr 1.1fr;min-height:100vh;display:grid}.auth-split-banner{background-color:var(--bg-surface-sage);flex-direction:column;justify-content:center;padding:60px 48px;display:flex}.auth-banner-content{max-width:440px}.auth-banner-tag{letter-spacing:.8px;text-transform:uppercase;color:#172a25b3;margin-bottom:12px;font-size:12px;font-weight:700}.auth-banner-heading{color:var(--text-main);letter-spacing:-.8px;margin-bottom:14px;font-size:38px;font-weight:700;line-height:1.15}.auth-banner-sub{color:#172a25d9;margin-bottom:32px;font-size:15px;line-height:1.5}.auth-check-list{flex-direction:column;gap:16px;display:flex}.auth-check-item{color:var(--text-main);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.auth-check-icon{border:1.5px solid var(--text-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.auth-split-main{background-color:#fff;flex-direction:column;padding:48px 64px;display:flex}.auth-top-action{margin-bottom:40px}.auth-form-card{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:460px;margin:0 auto;display:flex}.step-indicator{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:700}.auth-form-heading{letter-spacing:-.5px;color:var(--text-main);margin-bottom:8px;font-size:30px;font-weight:700}.auth-form-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:14px;line-height:1.45}.form-group{margin-bottom:18px}.form-label{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--bg-card-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background-color:#fff;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px #12352b1a}.form-input::placeholder{color:#a3b0aa}.form-footnote{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;display:flex}.otp-inputs-grid{justify-content:center;gap:12px;margin:24px 0 20px;display:flex}.otp-box{text-align:center;width:52px;height:58px;color:var(--text-main);background-color:#b9c1bc;border:1.5px solid #9ea8a2;border-radius:10px;outline:none;font-size:26px;font-weight:700;transition:all .15s}.otp-box:focus{border-color:var(--primary-dark);background-color:#fff;box-shadow:0 0 0 3px #12352b26}.create-ticket-page{max-width:960px;margin:0 auto;padding:24px 20px 60px}.step-header-bar{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex;position:relative}.step-progress-center{align-items:center;gap:14px;margin:0 auto;display:flex}.step-node{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.step-node.active{color:var(--text-main)}.step-node-circle{color:#fff;background-color:#b9c1bc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.step-node-circle.done{background-color:#6c7d75}.step-node-circle.current{color:var(--text-main);border:1.5px solid var(--text-secondary);background-color:#fff}.step-connector-line{background-color:#cbd5cf;width:48px;height:1.5px}.page-center-heading{text-align:center;margin-bottom:28px}.page-center-tag{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:700}.page-center-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:700}.page-center-desc{color:var(--text-secondary);font-size:14px}.ticket-form-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#e2e8e4;margin-bottom:24px;overflow:hidden}.form-info-strip{background-color:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.info-strip-col{flex-direction:column;display:flex}.info-strip-label{letter-spacing:.8px;text-transform:uppercase;color:#92b2a7;margin-bottom:2px;font-size:10px;font-weight:700}.info-strip-val{color:#fff;font-size:13px;font-weight:700}.info-strip-badge{color:#92b2a7;align-items:center;gap:6px;font-size:11px;display:flex}.ticket-form-body{flex-direction:column;gap:20px;padding:28px 32px;display:flex}.priority-selector-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.priority-card-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background-color:#fff;border:1.5px solid #d8e1db;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.priority-card-btn:hover{border-color:#bac7bf}.priority-card-btn.selected-high{background-color:#fef3c7;border-color:#f59e0b}.priority-card-btn.selected-critical{background-color:#fee2e2;border-color:#ef4444}.priority-card-btn.selected-medium,.priority-card-btn.selected-low{background-color:#f1f6f3;border-color:#12352b}.priority-title{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.2}.priority-subtitle{color:var(--text-secondary);font-size:11px}.dropzone-container{border-radius:var(--radius-sm);text-align:center;cursor:pointer;background-color:#fff;border:1.5px dashed #cbd5cf;padding:24px;transition:all .15s}.dropzone-container:hover{border-color:var(--primary-dark);background-color:#fafcfb}.form-actions-row{justify-content:space-between;align-items:center;display:flex}.confirmation-container{text-align:center;max-width:840px;margin:40px auto;padding:0 20px}.check-hero-icon{color:#fff;background-color:#596b63;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.confirm-ticket-tag{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:700}.confirm-heading{color:var(--text-main);letter-spacing:-.6px;margin-bottom:10px;font-size:36px;font-weight:700}.confirm-sub{color:var(--text-secondary);max-width:580px;margin:0 auto 36px;font-size:15px}.confirm-card{border:1px solid var(--bg-card-border);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow-sm);background-color:#fff;grid-template-columns:2fr 1fr 1.5fr;margin-bottom:36px;padding:20px 24px;display:grid}.confirm-col-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700}.confirm-col-val{color:var(--text-main);font-size:14px;font-weight:700}.confirm-timeline{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex;position:relative}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.project-hero-card{flex-direction:column;align-items:flex-start}.auth-split-layout{grid-template-columns:1fr}.auth-split-banner,.auth-split-main{padding:36px 24px}.priority-selector-grid{grid-template-columns:repeat(2,1fr)}.confirm-card{grid-template-columns:1fr;gap:16px}}.loading-spinner{border:3px solid var(--bg-card-border);border-top-color:var(--primary-dark);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-page{min-height:100vh;font-family:var(--font-family);background-color:#fff}.welcome-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-card-border);background:#ffffffd9;position:sticky;top:0}.welcome-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:14px 32px;display:flex}.welcome-logo{align-items:center;gap:10px;display:flex}.welcome-logo-icon{background:var(--primary-dark);color:#fff;letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.welcome-logo-text{color:var(--text-main);font-size:16px;font-weight:700}.welcome-team-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.welcome-team-link:hover{color:var(--primary-dark)}.welcome-hero{opacity:0;padding:80px 32px 60px;transition:opacity .7s,transform .7s;transform:translateY(24px)}.welcome-hero.welcome-animate-in{opacity:1;transform:translateY(0)}.welcome-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;display:grid}.welcome-badge{text-transform:uppercase;letter-spacing:1.2px;color:var(--primary-dark);background:var(--bg-surface-card);border:1px solid var(--bg-card-border);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.welcome-title{color:var(--text-main);letter-spacing:-1.5px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.15}.welcome-title-accent{background:linear-gradient(135deg, var(--primary-dark), #3b6e5a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:var(--text-secondary);max-width:460px;margin-bottom:32px;font-size:17px;line-height:1.7}.welcome-cta-btn{background:var(--primary-dark);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #12352b40}.welcome-cta-btn:hover{background:var(--primary-dark-hover);transform:translateY(-2px);box-shadow:0 8px 24px #12352b59}.welcome-cta-hint{color:var(--text-muted);margin-top:14px;font-size:13px}.welcome-hero-visual{flex-direction:column;gap:16px;display:flex}.welcome-visual-card{background:var(--bg-surface-card);border:1px solid var(--bg-card-border);opacity:0;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;animation:.6s forwards welcome-card-slide;display:flex;transform:translate(30px)}.welcome-card-1{animation-delay:.3s}.welcome-card-2{animation-delay:.5s}.welcome-card-3{animation-delay:.7s}@keyframes welcome-card-slide{to{opacity:1;transform:translate(0)}}.welcome-visual-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.welcome-visual-card-icon{width:48px;height:48px;color:var(--primary-dark);background:#12352b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-visual-card-title{color:var(--text-main);margin-bottom:2px;font-size:15px;font-weight:700}.welcome-visual-card-desc{color:var(--text-secondary);font-size:13px}.welcome-how-it-works{background:var(--bg-surface-card);border-top:1px solid var(--bg-card-border);padding:80px 32px}.welcome-section-title{text-align:center;color:var(--text-main);letter-spacing:-.8px;margin-bottom:12px;font-size:32px;font-weight:800}.welcome-section-desc{text-align:center;color:var(--text-secondary);max-width:480px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:16px}.welcome-steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto;display:grid}.welcome-step-card{border:1px solid var(--bg-card-border);text-align:center;background:#fff;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative}.welcome-step-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.welcome-step-number{background:var(--primary-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.welcome-step-icon{width:56px;height:56px;color:var(--primary-dark);background:#12352b14;border-radius:14px;justify-content:center;align-items:center;margin:12px auto 16px;display:flex}.welcome-step-card h3{color:var(--text-main);margin-bottom:8px;font-size:16px;font-weight:700}.welcome-step-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.welcome-footer{border-top:1px solid var(--bg-card-border);background:#fff;padding:24px 32px}.welcome-footer-inner{max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:12px;display:flex}@media (width<=768px){.welcome-hero{padding:48px 20px 40px}.welcome-hero-inner{grid-template-columns:1fr;gap:40px}.welcome-title{font-size:32px}.welcome-steps-grid{grid-template-columns:1fr;max-width:400px}.welcome-footer-inner{text-align:center;flex-direction:column;gap:8px}}