.sidebar{width:260px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:25px 15px;background:linear-gradient(180deg,#0f172a,#0b1220);border-right:1px solid var(--border-soft);flex-shrink:0}.sidebar-brand img{width:100%;max-width:220px;background-color:#fff;padding:20px;border-radius:10px;display:block;margin:0 auto}.sidebar-nav{flex:1;overflow-y:auto;scrollbar-width:none;margin-top:40px}.sidebar-nav::-webkit-scrollbar{display:none}.nav-title{margin:0;padding:0 15px 12px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;height:47px;padding:0 15px;margin-bottom:5px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;border-radius:10px;border:1px solid transparent;transition:color .25s ease,background .25s ease,border .25s ease,transform .25s ease,box-shadow .25s ease}.nav-item:hover{color:#fff;background:linear-gradient(145deg,#21549bbf,#0e1b2ef2);border:1px solid rgba(56,189,248,.25);transform:translate(3px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#2563ebf2,#0ea5e9d9);border:1px solid rgba(125,211,252,.25);box-shadow:0 8px 20px #2563eb2e}.nav-item.active:before{content:"";position:absolute;left:-1px;top:9px;width:3px;height:29px;border-radius:0 5px 5px 0;background:#fff}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{padding-top:15px;border-top:1px solid var(--border-soft)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 5px 15px;min-width:0}.user-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:12px;font-weight:700;box-shadow:0 5px 15px #0ea5e933}.user-info{display:flex;flex-direction:column;min-width:0}.user-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-size:12px}.user-info span{margin-top:3px;color:var(--text-muted);font-size:10px}.logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;color:#94a3b8;background:transparent;border:none;text-decoration:none;font-size:13px;font-weight:700;border-radius:9px;cursor:pointer;transition:color .25s ease,background .25s ease,transform .25s ease}.logout-btn:hover{color:#ef4444;background:#ef44441f;transform:translate(3px)}.dashboard-shell{display:flex;min-height:100vh}.dashboard-main{flex:1;min-width:0;background:linear-gradient(145deg,#111c30,#0c1424)}.login-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 30% 20%,#16233d,#0c1424 60%);padding:20px}.bubble{position:absolute;border-radius:50%;background:#2563eb1f;filter:blur(2px)}.bubble-1{width:160px;height:160px;top:8%;left:10%}.bubble-2{width:90px;height:90px;top:65%;left:6%;background:#22d3ee1a}.bubble-3{width:220px;height:220px;bottom:-60px;right:-60px}.bubble-4{width:70px;height:70px;top:20%;right:12%;background:#a78bfa1f}.bubble-5{width:40px;height:40px;bottom:20%;right:25%;background:#fb923c1f}.brand{margin-bottom:24px;z-index:1}.brand img{width:200px;background:#fff;padding:16px;border-radius:10px}.login-card{position:relative;z-index:1;width:100%;max-width:400px;padding:32px;border-radius:16px;border:1px solid var(--border-soft);background:linear-gradient(145deg,#111c30,#0c1424);box-shadow:0 15px 35px #00000059}.login-header h1{color:var(--text-heading);font-size:24px;margin:0 0 6px}.login-header p{color:var(--text-muted);font-size:14px;margin:0 0 24px}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:var(--text-label);font-size:14px;font-weight:600}.mobile-input{display:flex;align-items:center;border:1px solid var(--border-softer);border-radius:9px;background:var(--bg-field);overflow:hidden}.mobile-input:focus-within{border-color:#60a5fa99;box-shadow:0 0 0 3px #2563eb1a}.country-code{padding:13px 12px;color:var(--text-muted);border-right:1px solid var(--border-softer)}.mobile-input input{flex:1;padding:13px 15px;border:none;outline:none;background:transparent;color:var(--text-main);font-size:15px}.field-error{display:block;min-height:18px;margin-top:6px;color:var(--red);font-size:12px}.otp-container{display:flex;gap:10px}.otp-digit{width:52px;height:52px;text-align:center;font-size:20px;border-radius:9px;border:1px solid var(--border-softer);background:var(--bg-field);color:var(--text-main);outline:none}.otp-digit:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #2563eb1a}.resend-row{margin-top:10px;font-size:13px;color:var(--text-muted)}.link-btn{background:none;border:none;color:var(--blue-light);cursor:pointer;font-size:13px;padding:0}.login-btn{width:100%;margin-top:6px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:9px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #2563eb59}.login-btn:disabled{opacity:.7;cursor:not-allowed}.content-header h1{color:var(--text-heading);font-size:30px;font-weight:750;margin:0}.content-header p{margin-top:6px;color:var(--text-muted);font-size:15px}.dashboard-error{color:var(--red);margin-bottom:16px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.dashboard-stat-card{padding:20px;border:2px solid rgba(210,229,231,.1);border-radius:15px;background:linear-gradient(145deg,#111c30,#0c1424);transition:.25s ease}.dashboard-stat-card:hover{background:linear-gradient(145deg,#21549b,#0e1b2e);border-color:#38bdf840;box-shadow:0 15px 35px #0003}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:20px}.stat-card-icon.blue{color:#60a5fa;background:#2563eb1f}.stat-card-icon.cyan{color:#22d3ee;background:#06b6d41f}.stat-card-icon.purple{color:#a78bfa;background:#8b5cf61f}.stat-card-icon.orange{color:#fb923c;background:#f973161f}.stat-card-title{margin-top:20px;color:#b9b9b9;font-size:15px}.dashboard-stat-card h2{margin-top:5px;color:var(--text-heading);font-size:27px;font-weight:750}.project-page{padding:25px}.project-page-header h1{color:var(--text-heading);font-size:26px;letter-spacing:.5px;margin:20px 0}.project-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 800px){.project-summary{grid-template-columns:1fr}}.summary-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1px solid var(--border-soft);background:linear-gradient(145deg,#111c30,#0c1424)}.summary-card span{display:block;color:var(--text-muted);font-size:13px}.summary-card strong{color:var(--text-heading);font-size:22px}.summary-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:18px}.summary-icon.blue{color:#60a5fa;background:#2563eb1f}.summary-icon.green{color:#34d399;background:#10b9811f}.summary-icon.orange{color:#fb923c;background:#f973161f}.project-card{border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,#111c30,#0c1424);box-shadow:0 15px 35px #0003;padding:24px}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}.project-card-header h2{color:var(--text-heading);margin:0;font-size:19px}.project-card-header p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.project-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:1px solid var(--border-softer);background:var(--bg-field)}.project-search input{border:none;outline:none;background:transparent;color:var(--text-main);font-size:13px}.project-error{color:var(--red);margin-bottom:12px}.project-table-wrapper{overflow-x:auto}.project-table{width:100%;border-collapse:collapse}.project-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border-soft)}.project-table td{padding:14px 12px;border-bottom:1px solid var(--border-soft);font-size:14px}.project-name{display:flex;align-items:center;gap:12px}.project-name strong{display:block;color:var(--text-main);font-size:14px}.project-name span{display:block;color:var(--text-muted);font-size:12px}.project-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:12px;flex-shrink:0}.project-icon.blue{color:#60a5fa;background:#2563eb1f}.project-icon.purple{color:#a78bfa;background:#8b5cf61f}.project-icon.cyan{color:#22d3ee;background:#06b6d41f}.project-icon.green{color:#34d399;background:#10b9811f}.project-status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.progress-status{color:#fb923c;background:#f973161f}.completed-status{color:#34d399;background:#10b9811f}.project-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap;gap:10px}.project-pagination span{color:var(--text-muted);font-size:13px}.pagination-buttons{display:flex;gap:6px}.pagination-buttons button{min-width:34px;height:34px;border-radius:8px;border:1px solid var(--border-softer);background:var(--bg-field);color:var(--text-main);cursor:pointer}.pagination-buttons button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.project-details-page{padding:25px}.project-page-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 24px;flex-wrap:wrap;gap:12px}.project-page-header h1{color:var(--text-heading);font-size:24px;margin:0}.project-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#f973161f;color:#fb923c;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.details-section{margin-bottom:28px}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#2563eb1f;color:#60a5fa;font-size:18px}.section-icon.payment-icon{background:#10b9811f;color:#34d399}.section-heading h2{margin:0;color:var(--text-heading);font-size:17px}.section-heading p{margin:2px 0 0;color:var(--text-muted);font-size:13px}.details-card,.payment-card{border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,#111c30,#0c1424);padding:22px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.details-grid{grid-template-columns:1fr}}.detail-item.full-width{grid-column:1 / -1}.detail-item label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.detail-value{color:var(--text-main);font-size:15px}.detail-value.highlight{font-size:19px;font-weight:700;color:var(--text-heading)}.detail-value.amount,.detail-value.total-amount,.detail-value.advance-amount{font-weight:700}.detail-value.total-amount{color:#34d399}.detail-value.advance-amount{color:#60a5fa}.url-value{display:inline-flex;align-items:center;gap:6px;color:var(--blue-light);text-decoration:none;font-size:14px}.phase-badge,.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;background:#8b5cf61f;color:#a78bfa;font-size:12px;font-weight:600}.status-badge{background:#f973161f;color:#fb923c}.payment-table{width:100%;border-collapse:collapse}.payment-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border-soft)}.payment-table td{padding:12px;border-bottom:1px solid var(--border-soft);font-size:14px}.table-amount{font-weight:700}.payment-mode{display:inline-block;padding:4px 10px;border-radius:20px;background:#2563eb1f;color:#60a5fa;font-size:12px}.payment-total{font-weight:700;color:#34d399}.ticket-content{padding:25px}.ticket-header{margin:20px 0 24px}.ticket-header h1{color:var(--text-heading);font-size:24px;margin:0}.ticket-header p{margin-top:6px;color:var(--text-muted);font-size:14px}.raise-ticket-wrapper{display:flex;justify-content:center}.raise-ticket-card{width:100%;max-width:560px;padding:28px;border-radius:16px;border:1px solid var(--border-soft);background:linear-gradient(145deg,#111c30,#0c1424);box-shadow:0 15px 35px #0003}.ticket-heading h2{margin:0;color:var(--text-heading);font-size:19px}.ticket-heading p{margin:4px 0 20px;color:var(--text-muted);font-size:13px}.ticket-form-group{display:flex;flex-direction:column;margin-bottom:18px}.ticket-form-group label{margin-bottom:8px;color:var(--text-label);font-size:14px;font-weight:600}.ticket-select,.ticket-textarea{padding:13px 15px;border-radius:9px;border:1px solid var(--border-softer);background:var(--bg-field);color:var(--text-main);font-size:14px;outline:none}.ticket-textarea{min-height:120px;resize:vertical;font-family:inherit}.ticket-select:focus,.ticket-textarea:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #2563eb1a}.ticket-error{color:var(--red);margin:-6px 0 14px;font-size:13px}.ticket-button-area{display:flex;justify-content:flex-end}.ticket-save-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:9px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #2563eb33}.ticket-save-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-content{min-height:100vh;padding:25px}.content-header{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px;margin-bottom:25px}.content-header h1{margin:0;color:var(--text-heading);font-size:26px}.content-header p{margin-top:6px;color:var(--text-muted);font-size:14px}.ticket-card{border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,#111c30,#0c1424);box-shadow:0 15px 35px #0003;padding:24px}.ticket-card-header{display:flex;margin-bottom:18px}.ticket-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:1px solid var(--border-softer);background:var(--bg-field)}.ticket-search input{border:none;outline:none;background:transparent;color:var(--text-main);font-size:13px}.ticket-list-error{color:var(--red);margin-bottom:12px}.ticket-table-wrapper{overflow-x:auto}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border-soft)}.ticket-table td{padding:14px 12px;border-bottom:1px solid var(--border-soft);font-size:14px}.ticket-project-name{display:flex;align-items:center;gap:12px}.ticket-project-name strong{display:block;color:var(--text-main);font-size:14px}.ticket-project-name span{display:block;color:var(--text-muted);font-size:12px}.ticket-project-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:12px;flex-shrink:0}.ticket-project-icon.blue{color:#60a5fa;background:#2563eb1f}.ticket-project-icon.purple{color:#a78bfa;background:#8b5cf61f}.ticket-project-icon.cyan{color:#22d3ee;background:#06b6d41f}.ticket-project-icon.orange{color:#fb923c;background:#f973161f}.ticket-project-icon.green{color:#34d399;background:#10b9811f}.ticket-status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.ticket-open{color:#60a5fa;background:#2563eb1f}.ticket-progress{color:#fb923c;background:#f973161f}.ticket-resolved{color:#34d399;background:#10b9811f}.ticket-closed{color:#94a3b8;background:#94a3b81f}.view-btn{display:inline-flex;align-items:center;gap:6px;color:var(--blue-light);text-decoration:none;font-size:13px;font-weight:600}.ticket-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap;gap:10px}.ticket-pagination span{color:var(--text-muted);font-size:13px}.ticket-pagination-buttons{display:flex;gap:6px}.ticket-pagination-buttons button{min-width:34px;height:34px;border-radius:8px;border:1px solid var(--border-softer);background:var(--bg-field);color:var(--text-main);cursor:pointer}.ticket-pagination-buttons button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff}.ticket-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}:root{--bg-page: #0c1424;--bg-panel: #111c30;--bg-panel-2: #0c1424;--bg-field: rgba(15, 23, 42, .75);--border-soft: rgba(148, 163, 184, .1);--border-softer: rgba(148, 163, 184, .14);--text-main: #e2e8f0;--text-heading: #f8fafc;--text-muted: #64748b;--text-label: #cbd5e1;--blue: #2563eb;--blue-light: #60a5fa;--cyan: #22d3ee;--purple: #a78bfa;--orange: #fb923c;--green: #34d399;--red: #f87171}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg-page);color:var(--text-main)}a{color:inherit}button{font-family:inherit}