:root{font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background-color:#f5f7fb;color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7fb}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#f5f7fb}.sidebar{background:linear-gradient(180deg,#0f1626,#1c2435);color:#e5e7eb;display:flex;flex-direction:column;padding:20px 16px;gap:12px;border-right:1px solid rgba(255,255,255,.05)}.brand{font-size:18px;font-weight:800;letter-spacing:.8px;color:#fff}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:#d1d5db;font-weight:600;transition:background .15s,color .15s;font-size:14px}.nav-item.active,.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{color:#f97316}.nav-icon{color:inherit}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:2px}.sidebar-version{font-size:12px;font-weight:700;color:#f97316;background:#f973161f;border-radius:999px;padding:4px 10px;display:inline-flex;margin-top:6px}.btn-ghost{width:100%;background:#fff;border:none;color:#0f172a;padding:11px 13px;border-radius:12px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .1s,box-shadow .15s;margin-top:12px}.btn-ghost:hover{transform:translateY(-1px);box-shadow:0 10px 30px #00000040}.content{padding:26px 28px;overflow-x:hidden}.projects-page{background:linear-gradient(180deg,#f7f9ff,#eef2fb)}.sidebar-meta{text-align:center;font-size:12px;color:#94a3b8;line-height:1.4}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-title{font-size:26px;font-weight:800;color:#0f172a}.page-subtitle{color:#475569;font-size:15px;margin-top:4px}.toolbar{display:flex;align-items:center;gap:10px}.btn-primary{background:#111827;color:#fff;border:1px solid #0f172a;border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .1s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a2e}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;box-shadow:0 10px 40px #0f172a0a}.table-card{margin-top:12px;padding:0}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;padding:12px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;border-bottom:1px solid #e5e7eb;background:#f8fafc}.table tbody td{padding:12px 14px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#111827}.table tbody tr:hover{background:#f9fafb}.chip{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;color:#0f9b65;padding:5px 9px;border-radius:999px;font-weight:700;font-size:11px}.text-muted{color:#6b7280}.actions{display:flex;gap:8px}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 11px;font-weight:700;color:#111827;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer}.btn-toggle.active{border-color:#111827;background:#e5e7eb}.draggable{cursor:grab}.dragging{opacity:.5;transform:scale(.99)}.skeleton{position:relative;overflow:hidden;background:#e5e7eb}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast{position:fixed;bottom:16px;right:16px;background:#0f172a;color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 12px 30px #00000040;z-index:9999;font-weight:700;max-width:320px;word-break:break-word}.card-hover-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:opacity .15s}.card-hover-actions.bottom{position:static;opacity:0;display:flex;gap:6px}.client-card:hover .card-hover-actions,.project-card:hover .card-hover-actions:not(.bottom){opacity:1}.project-card:hover .card-hover-actions.bottom{opacity:1}.icon-btn{width:32px;height:32px;padding:6px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.danger{color:#b91c1c;border-color:#fecdd3;background:#fff1f2}.modal-backdrop{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 25px 80px #0f172a33;width:100%;max-width:520px;padding:24px}.form-grid{display:grid;gap:14px}.form-grid label{font-weight:700;color:#0f172a;display:block;margin-bottom:6px;font-size:14px}.input,.textarea{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;font-size:14px;transition:border .15s,box-shadow .15s}.input:focus,.textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.textarea{min-height:90px;resize:vertical}.flex-between{display:flex;align-items:center;justify-content:space-between}.muted-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-weight:700;font-size:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(circle at 15% 20%,rgba(79,70,229,.25),transparent 45%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.25),transparent 40%),#0f172a}.auth-card{width:min(1100px,100%);background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 35px 80px #0f172a73;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.auth-hero{padding:60px 56px;color:#e2e8f0;background:linear-gradient(180deg,#0f172ae6,#0f172abf);position:relative}.auth-hero:after{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.08);border-radius:24px;pointer-events:none}.auth-hero h1{font-size:36px;font-weight:800;line-height:1.2;margin:22px 0 16px}.auth-hero p{color:#cbd5f5;margin-bottom:28px;font-size:16px}.auth-hero ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.auth-hero ul li{display:flex;align-items:center;gap:10px;font-weight:600}.auth-hero ul li:before{content:"";width:10px;height:10px;border-radius:999px;background:#22d3ee;display:inline-flex}.auth-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff1a;color:#f8fafc;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:700}.auth-form{padding:56px;background:#fff}.auth-form-header{display:flex;align-items:center;gap:18px;margin-bottom:6px}.auth-form-header h2{margin:0;font-size:26px;font-weight:800;color:#0f172a}.auth-form-header p{margin:0;font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.logo-dot{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#06b6d4);display:inline-flex;box-shadow:0 15px 30px #4f46e566}.auth-form-subtitle{color:#475569;margin-bottom:26px}.auth-form-subtitle a{color:#2563eb;font-weight:600}.auth-alert{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:16px}.auth-form form{display:flex;flex-direction:column;gap:14px}.auth-input-label{font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#94a3b8}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{padding:14px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;font-size:15px;font-weight:600;color:#0f172a;transition:border .15s,box-shadow .15s}.auth-form input[type=text]:focus,.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{outline:none;border-color:#6366f1;box-shadow:0 10px 26px #6366f133}.auth-remember-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#475569}.auth-remember-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.auth-remember-row a{font-weight:600;color:#0ea5e9}.auth-form button{margin-top:8px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:none;padding:16px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 18px 35px #0ea5e959;transition:transform .1s ease,box-shadow .15s ease}.auth-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 25px 45px #0ea5e973}.auth-form button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.auth-card{grid-template-columns:1fr}.auth-hero{padding:40px 32px}.auth-form{padding:40px 28px 48px}}