:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-hover: #2563eb;--color-primary-text: #ffffff;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-danger: #ef4444;--color-success: #22c55e;--color-bg-subtle: rgba(255, 255, 255, .05);--color-border-subtle: rgba(255, 255, 255, .1);--color-inverse: #ffffff;--color-inverse-text: #000000;--color-glass-bg: rgba(30, 41, 59, .7);--color-glass-border: rgba(255, 255, 255, .1);--color-glass-shadow: rgba(0, 0, 0, .37);--color-text-gradient: linear-gradient(135deg, #fff 0%, #94a3b8 100%);--color-text-secondary: #94a3b8;--color-sidebar-bg: #020617;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem}:root[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: #e2e8f0;--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-primary-hover: #1d4ed8;--color-primary-text: #ffffff;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-danger: #ef4444;--color-success: #22c55e;--color-bg-subtle: rgba(0, 0, 0, .05);--color-border-subtle: rgba(0, 0, 0, .1);--color-inverse: #000000;--color-inverse-text: #ffffff;--color-glass-bg: rgba(255, 255, 255, .8);--color-glass-border: rgba(0, 0, 0, .05);--color-glass-shadow: rgba(0, 0, 0, .05);--color-text-gradient: linear-gradient(135deg, #1e293b 0%, #64748b 100%);--color-text-secondary: #64748b;--color-sidebar-bg: #f1f5f9}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;min-height:100vh}.select-glass{position:relative;display:inline-block}.select-glass .glass-select{appearance:none;-webkit-appearance:none;width:100%;padding:.6rem 2.8rem .6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-glass-border);color:var(--color-text-main);background:var(--color-glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0d;outline:none}.select-glass .glass-select:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f640}.select-glass:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid currentColor;pointer-events:none;opacity:.9}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s;font-size:.875rem;min-width:fit-content}.btn-container-wrap{flex-wrap:nowrap}@media(max-width:768px){.btn-container-wrap{flex-wrap:wrap}}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 0 15px #3b82f666}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.glass{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);box-shadow:0 8px 32px 0 var(--color-glass-shadow)}.glass-light{background:var(--color-bg-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle)}.glass:hover{border-color:#3b82f666;box-shadow:0 8px 32px #3b82f626}.stat-card-premium{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.stat-card-premium:hover{transform:translateY(-5px) scale(1.02)}.stat-card-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.stat-card-premium:hover:after{opacity:1}.text-gradient{background:var(--color-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-main);padding:.5rem .75rem;border-radius:var(--radius-md);width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}:root[data-theme=light] .input{color-scheme:light}:root[data-theme=dark] .input{color-scheme:dark}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.75rem 1rem;color:var(--color-text-muted);font-weight:500;border-bottom:1px solid var(--color-border)}td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-bg-subtle)}.grid{display:grid;gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media screen and (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.grid-editor{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.grid-settings{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:start}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.5rem;transition:width .3s ease;flex-shrink:0}.sidebar.collapsed{width:80px;padding:1.5rem .5rem}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.sidebar.collapsed .nav-item svg{margin:0}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{font-size:0}.sidebar.collapsed .nav-item svg{font-size:1rem}.sidebar-toggle{position:fixed;top:85px;left:308px;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:left .3s ease,background-color .2s,color .2s;box-shadow:var(--shadow-sm)}.sidebar-toggle:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebar.collapsed .sidebar-toggle{left:96px;transform:translate(-50%)}.main-content{flex:1;padding:2rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;margin-bottom:.25rem;transition:all .2s}.nav-item:hover,.nav-item.active{background-color:#3b82f61a;color:var(--color-primary)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text-main);margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.mobile-header{display:none}.logo span{background:linear-gradient(135deg,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-close-btn{display:none}@media screen and (max-width:768px){.layout{flex-direction:column}.mobile-header{display:flex;padding:1rem;border-bottom:1px solid var(--color-border);align-items:center;justify-content:space-between;background:var(--color-bg);position:sticky;top:0;z-index:60}.sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;border-right:none;padding:1.5rem;z-index:100;background-color:#020617;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;box-shadow:none;overflow-y:auto;box-sizing:border-box}.sidebar.open{transform:translate(0)}.desktop-only,.sidebar-toggle{display:none!important}.mobile-close-btn{display:flex!important;position:absolute;top:1.5rem;right:1.5rem;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;align-items:center;justify-content:center;z-index:200}.user-info-section{padding-top:4rem!important}.grid-editor,.grid-settings{grid-template-columns:1fr}.main-content,.card{padding:1rem}table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem}td{border:none;position:relative;padding-left:50%!important;padding-bottom:.5rem;display:flex;justify-content:flex-end;align-items:center;text-align:right;min-height:1.5rem}td:before{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);width:45%;white-space:nowrap;content:attr(data-label);text-align:left;font-weight:600;color:var(--color-text-muted)}td:last-child{border-top:1px solid var(--color-border);padding-top:1rem;justify-content:center;padding-left:1rem!important}td:last-child:before{display:none}.btn{width:auto}.btn{padding:.4rem .8rem;font-size:.8rem}}@media print{@page{margin:15mm;size:auto}body{background:#fff;color:#000;margin:0}.no-print,.sidebar,.mobile-header,.btn,nav,aside{display:none!important}div[style*=grid-template-columns],.grid-editor,.grid-settings{grid-template-columns:1fr!important}.layout{display:block!important;height:auto!important;overflow:visible!important}.main-content{margin:0!important;padding:0!important;height:auto!important;overflow:visible!important;width:100%!important}.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}.card,.quote-details{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}.print-area{padding:0!important}*{color:#000!important;background:transparent!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}input[type=date],input[type=week]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer}.loader-container{position:relative;width:80px;height:80px;margin:2rem auto;display:flex;justify-content:center;align-items:center}.loader-circle{position:absolute;border-radius:50%;border-style:solid;border-width:4px;border-color:transparent;animation:spin linear infinite}.circle-1{width:100%;height:100%;border-top-color:var(--color-primary);animation-duration:2s}.circle-2{width:70%;height:70%;border-right-color:var(--color-success);animation-duration:1.5s;animation-direction:reverse}.circle-3{width:40%;height:40%;border-bottom-color:#a855f7;animation-duration:1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-in-out}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.project-details-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem}@media screen and (max-width:900px){.project-details-layout{grid-template-columns:1fr}}.input-ghost{background:transparent;border:none;color:var(--color-text-main);width:100%;font-family:inherit;font-size:inherit}.input-ghost:focus{outline:none}@keyframes pulse-glow{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pulse-success{animation:pulse-glow 2s infinite}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:minmax(160px,auto);gap:1.5rem}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}}.timeline-dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--color-success)}.timeline-dot:after{content:"";position:absolute;inset:-4px;border:2px solid var(--color-success);border-radius:50%;animation:pulse-glow 1.5s infinite}.hover-glow:hover{filter:drop-shadow(0 0 8px var(--color-primary))}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}