:root{--color-primary: #1a73e8;--color-primary-dark: #0f59c9;--color-primary-light: #4dabf7;--color-primary-tint: #f0f4ff;--color-success: #16a34a;--color-success-tint: #e6f4ea;--color-warning: #f59e0b;--color-warning-tint: #fff4e5;--color-danger: #dc2626;--color-danger-tint: #fde8e8;--color-neutral: #6b7280;--color-neutral-tint: #f1f3f5;--color-bg: #f7f9fc;--color-surface: #ffffff;--color-text: #1f2937;--color-text-muted: #4b5563;--color-border: #e5e7eb;--max-width: 1440px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .06);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 15px 35px rgba(15, 23, 42, .12);--transition: .2s ease;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:700;line-height:1.2}button{font-family:inherit}a{color:inherit}img{max-width:100%;display:block}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;width:100%;z-index:999;box-sizing:border-box}.navbar .logo a{color:var(--color-primary);text-decoration:none;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);white-space:nowrap;transition:background var(--transition),color var(--transition)}.nav-links a:hover,.nav-links a.active{background:var(--color-primary-tint);color:var(--color-primary)}.nav-greeting{color:var(--color-text-muted);font-weight:600;padding:8px 14px;white-space:nowrap}.nav-links a.cta-link{background:var(--color-primary);color:#fff}.nav-links a.cta-link:hover{background:var(--color-primary-dark);color:#fff}.logout-btn{color:var(--color-text-muted);background:none;border:1px solid var(--color-border);font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.hamburger{display:none;background:none;border:none;font-size:1.6rem;color:var(--color-text);cursor:pointer;z-index:1000}@media(max-width:768px){.navbar{padding:12px 20px}.nav-links{position:fixed;top:56px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;gap:0}.nav-links.active{max-height:300px}.nav-links a,.logout-btn{padding:14px 20px;font-size:1rem;border-radius:0;border-top:1px solid var(--color-border);width:100%;text-align:left}.hamburger{display:block}}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:24px 20px;margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.footer-brand{font-weight:700;color:var(--color-primary)}.footer-copy{font-size:.9rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:18px}.footer-links a{font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--color-primary)}@media(max-width:640px){.footer-inner{flex-direction:column;text-align:center}}.landing{color:var(--color-text)}.hero{position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;text-align:center;padding:120px 20px 100px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}.hero h1{font-size:3rem;margin-bottom:16px;letter-spacing:-.02em}.hero p{font-size:1.2rem;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;opacity:.95}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{padding:14px 32px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:1rem;text-decoration:none;margin:0 8px;transition:.3s ease}.btn-primary{background:#fff;color:var(--color-primary)}.btn-primary:hover{background:#e6e6e6}.btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff3}.bubbles span{position:absolute;bottom:-50px;background:#ffffff4d;border-radius:50%;animation:rise 15s infinite}.bubble:nth-child(1){left:10%;width:40px;height:40px;animation-duration:12s}.bubble:nth-child(2){left:20%;width:20px;height:20px;animation-duration:8s}.bubble:nth-child(3){left:35%;width:25px;height:25px;animation-duration:10s}.bubble:nth-child(4){left:50%;width:50px;height:50px;animation-duration:14s}.bubble:nth-child(5){left:65%;width:15px;height:15px;animation-duration:7s}.bubble:nth-child(6){left:75%;width:30px;height:30px;animation-duration:11s}.bubble:nth-child(7){left:85%;width:20px;height:20px;animation-duration:9s}.bubble:nth-child(8){left:95%;width:25px;height:25px;animation-duration:13s}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.7}to{transform:translateY(-800px) scale(1.2);opacity:0}}.why-us{max-width:var(--max-width);margin:80px auto;padding:0 20px;text-align:center}.why-us h2{font-size:2.2rem;margin-bottom:40px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:24px}.card{background:var(--color-surface);padding:30px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card .icon{color:var(--color-primary);margin-bottom:16px}.card h3{font-size:1.2rem;margin-bottom:8px}.card p{font-size:.95rem;color:var(--color-text-muted)}.cta{text-align:center;padding:80px 20px;background:var(--color-primary-tint)}.cta h2{font-size:2.2rem;margin-bottom:12px}.cta-sub{color:var(--color-text-muted);margin-bottom:28px;font-size:1.05rem}.cta .btn-primary{padding:16px 36px;font-size:1.05rem;background:var(--color-primary);color:#fff}.cta .btn-primary:hover{background:var(--color-primary-dark)}@media(max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media(max-width:768px){.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{display:block;margin:10px auto;width:80%}.cards-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}}.auth-page{min-height:calc(100vh - 64px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-primary-tint),#dbe9ff);padding:40px 20px}.auth-card{background:var(--color-surface);padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;text-align:center;overflow:hidden}.auth-card h2{margin-bottom:8px}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;margin-top:20px}.auth-form input{width:100%;max-width:100%;padding:14px 16px;margin-bottom:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition)}.auth-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.error{background:var(--color-danger-tint);color:var(--color-danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;margin-bottom:16px}.btn-gradient{width:100%;max-width:100%;padding:16px;border:none;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.btn-gradient:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bottom-text{margin-top:20px;font-size:.95rem;color:var(--color-text-muted)}.bottom-text a{color:var(--color-primary);font-weight:600;text-decoration:none}.bottom-text a:hover{text-decoration:underline}@media(max-width:768px){.auth-card{padding:28px 20px}.auth-card h2{font-size:1.6rem}.auth-form input{padding:14px 12px;font-size:1rem}.btn-gradient{padding:14px;font-size:1rem}}.dashboard-container{max-width:var(--max-width);margin:0 auto;padding:32px 20px}.dash-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.user-info{display:flex;align-items:center;gap:14px}.avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.15rem;flex-shrink:0}.dash-header h2{font-size:1.8rem;margin:0;color:var(--color-text)}.logout-btn{background:none;color:var(--color-text-muted);padding:10px 18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap}.logout-btn:hover{background:var(--color-danger-tint);color:var(--color-danger);border-color:var(--color-danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:24px 20px;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card.total{border-left:4px solid var(--color-primary)}.stat-card.open{border-left:4px solid var(--color-success)}.stat-card.progress{border-left:4px solid var(--color-warning)}.stat-card.closed{border-left:4px solid var(--color-neutral)}.stat-card.deleted{border-left:4px solid var(--color-danger)}.stat-card h3{margin-bottom:10px;font-size:1.05rem;color:var(--color-text-muted);font-weight:600}.stat-card p{font-size:1.7rem;font-weight:700;color:var(--color-text);margin:0}.dashboard-footer{text-align:center;margin-top:12px}.manage-tickets-btn{background:var(--color-primary);color:#fff;padding:14px 28px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:background var(--transition)}.manage-tickets-btn:hover{background:var(--color-primary-dark)}.modal-overlay{position:fixed;inset:0;background-color:#0f172a8c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:var(--color-surface);padding:25px;border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.deleted-ticket-card{background:var(--color-neutral-tint);padding:15px;border-radius:var(--radius-sm);margin-bottom:12px;border-left:4px solid var(--color-danger)}.restore-btn{background:var(--color-success);color:#fff;padding:6px 14px;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:8px;font-weight:600}.restore-btn:hover{filter:brightness(.92)}.cancel-btn{background:var(--color-neutral);color:#fff;padding:10px 14px;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:10px;width:100%;font-weight:600}.cancel-btn:hover{filter:brightness(.9)}@media(max-width:768px){.dash-header h2{font-size:1.4rem}.logout-btn{padding:10px 16px;font-size:.9rem}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card p{font-size:1.3rem}.manage-tickets-btn{width:100%;padding:12px}}@media(min-width:1200px){.stats-grid{gap:24px}}.tickets-container{max-width:var(--max-width);margin:0 auto;padding:32px 20px}.tickets-container h2{font-size:1.9rem;margin-bottom:20px;color:var(--color-text)}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.create-btn,.go-dashboard-btn{background:var(--color-primary);color:#fff;padding:10px 20px;border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;transition:background .3s,transform .2s}.go-dashboard-btn{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}.create-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.go-dashboard-btn:hover{background:var(--color-primary-tint);transform:translateY(-2px)}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ticket-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;justify-content:space-between}.ticket-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ticket-card h3{margin-bottom:10px;font-size:1.2rem;color:var(--color-text)}.ticket-card .desc{font-size:.95rem;color:var(--color-text-muted);margin-bottom:15px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:600;text-transform:capitalize}.chip.status.open{background-color:var(--color-success-tint);color:var(--color-success)}.chip.status.in_progress{background-color:var(--color-warning-tint);color:var(--color-warning)}.chip.status.closed{background-color:var(--color-neutral-tint);color:var(--color-neutral)}.chip.priority.low{background-color:var(--color-primary-tint);color:var(--color-primary)}.chip.priority.medium{background-color:var(--color-warning-tint);color:var(--color-warning)}.chip.priority.high{background-color:var(--color-danger-tint);color:var(--color-danger)}.chip.date{background-color:var(--color-neutral-tint);color:var(--color-text-muted)}.card-actions{display:flex;gap:10px;margin-top:16px}.edit-btn,.delete-btn{flex:1;padding:8px 0;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:transform .2s}.edit-btn{background:var(--color-primary);color:#fff}.edit-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.delete-btn{background:var(--color-danger);color:#fff}.delete-btn:hover{filter:brightness(.92);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:var(--color-surface);padding:30px;border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:20px;font-size:1.4rem;color:var(--color-text)}.modal form input,.modal form textarea,.modal form select{width:100%;margin-bottom:15px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:1rem;box-sizing:border-box;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.modal form input:focus,.modal form textarea:focus,.modal form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.save-btn{background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 18px;font-weight:600;cursor:pointer;transition:transform .2s}.save-btn:hover{filter:brightness(.92);transform:translateY(-2px)}.cancel-btn{background:var(--color-neutral);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 18px;font-weight:600;cursor:pointer;transition:transform .2s}.cancel-btn:hover{filter:brightness(.9);transform:translateY(-2px)}.no-tickets{font-size:1rem;color:var(--color-text-muted);text-align:center;grid-column:1/-1;padding:40px 0}@media(max-width:768px){.tickets-grid{grid-template-columns:1fr}.button-group{justify-content:center}.modal{padding:20px}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding-top:64px}