@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap");:root{--orange:#2563EB;--orange-light:#EFF6FF;--orange-mid:#BFDBFE;--violet:#7C3AED;--violet-light:#a78bfa;--violet-bg:rgba(124,58,237,0.12);--dark:#141414;--dark2:#1C1C1E;--dark3:#252528;--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.14);--text:#EEECEA;--text2:#8E8A86;--text3:#5C5854;--green:#22C55E;--green-bg:rgba(34,197,94,0.12);--red:#EF4444;--red-bg:rgba(239,68,68,0.12);--blue:#3B82F6;--blue-bg:rgba(59,130,246,0.12);--amber:#F59E0B;--amber-bg:rgba(245,158,11,0.12);--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.2);--shadow-lg:0 10px 32px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.25)}[data-theme=light]{--dark:#F2F2F5;--dark2:#FFFFFF;--dark3:#EAEAED;--border:rgba(0,0,0,0.08);--border-hover:rgba(0,0,0,0.15);--text:#111111;--text2:#6B6672;--text3:#9E9AA8;--green-bg:rgba(34,197,94,0.1);--blue-bg:rgba(59,130,246,0.1);--amber-bg:rgba(245,158,11,0.1);--red-bg:rgba(239,68,68,0.1);--violet-bg:rgba(124,58,237,0.1);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 16px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.06);--shadow-lg:0 10px 32px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:Barlow,sans-serif;background:var(--dark);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.av1{background:rgba(37,99,235,.18);color:#60a5fa}.av2{background:rgba(124,58,237,.18);color:var(--violet-light)}.av3{background:rgba(34,197,94,.18);color:var(--green)}.av4{background:rgba(245,158,11,.18);color:var(--amber)}.av5{background:rgba(239,68,68,.18);color:var(--red)}.av6{background:rgba(59,130,246,.18);color:var(--blue)}.btn{padding:9px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.35)}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-ghost{background:var(--dark3);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text);background:var(--dark3)}.btn-violet{background:var(--violet);color:#fff;box-shadow:0 1px 3px rgba(124,58,237,.35)}.btn-violet:hover{background:#6d28d9;box-shadow:0 4px 12px rgba(124,58,237,.4);transform:translateY(-1px)}.tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.tag-trade{background:var(--dark3);color:var(--text2)}.tag-supervisor{background:var(--amber-bg);color:var(--amber)}.tag-laborer{background:var(--blue-bg);color:var(--blue)}.tag-estimator{background:var(--violet-bg);color:var(--violet-light)}.tag-pm{background:var(--green-bg);color:var(--green)}.tag-office{background:var(--blue-bg);color:#60a5fa}.status-active{background:var(--green-bg);color:var(--green)}.status-maintenance{background:var(--blue-bg);color:var(--blue)}.status-scheduled{background:var(--amber-bg);color:var(--amber)}.tag-invite-none{background:var(--dark3);color:var(--text3)}.tag-invite-pending{background:var(--amber-bg);color:var(--amber)}.tag-invite-active{background:var(--green-bg);color:var(--green)}.form-group{margin-bottom:16px}.form-label{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:Barlow,sans-serif;font-size:14px;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--orange)}.form-input::placeholder{color:var(--text3)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;width:90%;max-width:440px;box-shadow:var(--shadow-lg)}.modal-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.empty-state{text-align:center;padding:60px 20px;color:var(--text3);font-size:14px}.empty-state .big{font-size:40px;margin-bottom:12px}:root{--mk-bg-deep:#050506;--mk-bg-base:#0A0A0F;--mk-bg-elevated:#0F1117;--mk-bg-surface:#151720;--mk-bg-card:#1A1C27;--mk-text-primary:#F0F0F3;--mk-text-secondary:#A0A3B1;--mk-text-tertiary:#6B6F80;--mk-text-muted:#484B5C;--mk-accent:#2563EB;--mk-accent-light:#3B82F6;--mk-accent-lighter:#60A5FA;--mk-accent-dark:#1D4ED8;--mk-accent-glow:rgba(37,99,235,0.25);--mk-accent-subtle:rgba(37,99,235,0.08);--mk-border:rgba(255,255,255,0.06);--mk-border-light:rgba(255,255,255,0.10);--mk-border-accent:rgba(37,99,235,0.30);--mk-shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--mk-shadow-md:0 4px 16px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.3);--mk-shadow-lg:0 12px 40px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.3);--mk-shadow-xl:0 24px 60px rgba(0,0,0,0.6),0 8px 20px rgba(0,0,0,0.4);--mk-shadow-accent:0 4px 20px rgba(37,99,235,0.35),0 0 60px rgba(37,99,235,0.10);--mk-shadow-card-hover:0 8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.08);--mk-radius-sm:6px;--mk-radius-md:10px;--mk-radius-lg:16px;--mk-radius-xl:24px;--mk-radius-pill:999px;--mk-ease:cubic-bezier(0.16,1,0.3,1);--mk-ease-smooth:cubic-bezier(0.4,0,0.2,1);--mk-duration-fast:150ms;--mk-duration-base:250ms;--mk-duration-slow:400ms;--mk-duration-reveal:700ms;--mk-section-pad:100px;--mk-container-max:1200px;--mk-container-pad:24px;--mk-grid-color:rgba(255,255,255,0.03);--mk-grid-size:60px;--mk-glass-bg:rgba(255,255,255,0.04);--mk-glass-border:rgba(255,255,255,0.08);--mk-glass-blur:12px}.mk-reveal{opacity:0;transform:translateY(30px);transition:opacity var(--mk-duration-reveal) var(--mk-ease),transform var(--mk-duration-reveal) var(--mk-ease)}.mk-reveal.mk-visible{opacity:1;transform:translateY(0)}.mk-reveal-left{opacity:0;transform:translateX(-40px);transition:opacity var(--mk-duration-reveal) var(--mk-ease),transform var(--mk-duration-reveal) var(--mk-ease)}.mk-reveal-left.mk-visible{opacity:1;transform:translateX(0)}.mk-reveal-right{opacity:0;transform:translateX(40px);transition:opacity var(--mk-duration-reveal) var(--mk-ease),transform var(--mk-duration-reveal) var(--mk-ease)}.mk-reveal-right.mk-visible{opacity:1;transform:translateX(0)}.mk-reveal-scale{opacity:0;transform:scale(.92);transition:opacity var(--mk-duration-reveal) var(--mk-ease),transform var(--mk-duration-reveal) var(--mk-ease)}.mk-reveal-scale.mk-visible{opacity:1;transform:scale(1)}.mk-reveal[data-delay="1"]{transition-delay:80ms}.mk-reveal[data-delay="2"]{transition-delay:.16s}.mk-reveal[data-delay="3"]{transition-delay:.24s}.mk-reveal[data-delay="4"]{transition-delay:.32s}.mk-reveal[data-delay="5"]{transition-delay:.4s}.mk-reveal[data-delay="6"]{transition-delay:.48s}.mk-reveal-left[data-delay="1"],.mk-reveal-right[data-delay="1"],.mk-reveal-scale[data-delay="1"]{transition-delay:80ms}.mk-reveal-left[data-delay="2"],.mk-reveal-right[data-delay="2"],.mk-reveal-scale[data-delay="2"]{transition-delay:.16s}.mk-reveal-left[data-delay="3"],.mk-reveal-right[data-delay="3"],.mk-reveal-scale[data-delay="3"]{transition-delay:.24s}.mk-reveal-left[data-delay="4"],.mk-reveal-right[data-delay="4"],.mk-reveal-scale[data-delay="4"]{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.mk-reveal,.mk-reveal-left,.mk-reveal-right,.mk-reveal-scale{opacity:1;transform:none;transition:none}}@keyframes mk-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes mk-glow-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mk-scroll-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}