@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--cf-green:#10b981;--cf-green-dark:#059669;--cf-green-light:#34d399;--cf-green-pale:#d1fae5;--cf-white:#fff;--cf-gray-50:#f9fafb;--cf-gray-100:#f3f4f6;--cf-gray-200:#e5e7eb;--cf-gray-300:#d1d5db;--cf-gray-400:#9ca3af;--cf-gray-500:#6b7280;--cf-gray-600:#4b5563;--cf-gray-700:#374151;--cf-gray-800:#1f2937;--cf-error:#ef4444;--cf-shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--cf-gray-50);color:var(--cf-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--cf-green);text-decoration:none}a:hover{color:var(--cf-green-dark)}button{font-family:inherit}img{max-width:100%;height:auto}:root{--cf-green:#10b981;--cf-green-dark:#059669;--cf-green-light:#34d399;--cf-green-pale:#d1fae5;--cf-white:#fff;--cf-gray-50:#f9fafb;--cf-gray-100:#f3f4f6;--cf-gray-200:#e5e7eb;--cf-gray-400:#9ca3af;--cf-gray-600:#4b5563;--cf-gray-800:#1f2937;--cf-error:#ef4444;--cf-shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box}.login-container{width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-left{background:linear-gradient(135deg, var(--cf-green-dark) 0%, var(--cf-green) 100%);color:var(--cf-white);flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ffffff14 0%,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff0f 0%,#0000 40%);position:absolute;inset:0}.login-left-content{z-index:1;max-width:480px;position:relative}.login-brand{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.login-logo{color:var(--cf-white);filter:drop-shadow(0 4px 6px #0000001a)}.login-system-name{letter-spacing:-.025em;margin:0;font-size:3rem;font-weight:800}.login-tagline{opacity:.95;margin:0 0 1rem;font-size:1.25rem;font-weight:500}.login-description{opacity:.9;margin:0 0 2rem;font-size:1rem;line-height:1.7}.login-meta{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.login-version{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:500}.login-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--cf-white);color:var(--cf-green-dark);border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:700}.login-features{flex-direction:column;gap:1rem;display:flex}.login-feature{align-items:center;gap:.875rem;font-size:1rem;font-weight:500;display:flex}.login-feature-icon{background:#ffffff1f;border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.125rem;display:flex}.login-right{background:var(--cf-gray-50);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-card{background:var(--cf-white);width:100%;max-width:420px;box-shadow:var(--cf-shadow);border-radius:1.25rem;padding:2.5rem}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-logo{color:var(--cf-green);margin-bottom:1rem}.login-form-header h2{color:var(--cf-gray-800);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.login-form-header p{color:var(--cf-gray-600);margin:0}.login-error{color:var(--cf-error);background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-mode-toggle{background:var(--cf-gray-100);border-radius:.75rem;gap:.5rem;padding:.375rem;display:flex}.login-mode-button{color:var(--cf-gray-600);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.625rem;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.login-mode-button.active{background:var(--cf-white);color:var(--cf-green-dark);box-shadow:0 1px 3px #0000001a}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-field label{color:var(--cf-gray-800);font-size:.875rem;font-weight:600}.login-field input{border:1px solid var(--cf-gray-200);color:var(--cf-gray-800);background:var(--cf-white);border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--cf-green);box-shadow:0 0 0 3px var(--cf-green-pale);outline:none}.login-field input::placeholder{color:var(--cf-gray-400)}.login-hint{color:var(--cf-gray-400);margin-top:-.25rem;font-size:.75rem}.login-options{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.login-remember{color:var(--cf-gray-600);cursor:pointer;align-items:center;gap:.5rem;display:flex}.login-remember input{width:1rem;height:1rem;accent-color:var(--cf-green);cursor:pointer}.login-forgot{color:var(--cf-green);font-weight:600;text-decoration:none;transition:color .2s}.login-forgot:hover{color:var(--cf-green-dark)}.login-button{background:var(--cf-green);color:var(--cf-white);cursor:pointer;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s,transform .1s}.login-button:hover{background:var(--cf-green-dark)}.login-button:active{transform:scale(.98)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-divider{text-align:center;color:var(--cf-gray-400);align-items:center;margin:.5rem 0;font-size:.875rem;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--cf-gray-200);flex:1}.login-divider span{padding:0 .75rem}.login-passkey-button{background:var(--cf-white);color:var(--cf-gray-800);border:1px solid var(--cf-gray-200);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s,border-color .2s,transform .1s;display:flex}.login-passkey-button:hover{background:var(--cf-gray-50);border-color:var(--cf-gray-300)}.login-passkey-button:active{transform:scale(.98)}.login-passkey-button:disabled{opacity:.7;cursor:not-allowed}.passkey-icon{font-size:1.25rem}@media (width<=900px){.login-container{flex-direction:column}.login-left{min-height:auto;padding:2rem}.login-system-name{font-size:2.5rem}.login-right{padding:2rem 1.5rem}}.auth-page{background:linear-gradient(135deg, var(--cf-green-dark,#059669) 0%, var(--cf-green,#10b981) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{background:var(--cf-white,#fff);border-radius:1.25rem;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:var(--cf-green,#10b981);margin-bottom:1rem}.auth-header h2{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--cf-gray-600,#4b5563);margin:0}.auth-success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399);border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.auth-error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.auth-field input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.auth-button{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s,transform .1s}.auth-button:hover{background:var(--cf-green-dark,#059669)}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer-link{text-align:center;margin-top:1.5rem;font-size:.875rem}.auth-footer-link a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.auth-footer-link a:hover{color:var(--cf-green-dark,#059669);text-decoration:underline}.accept-invitation-page{background:linear-gradient(135deg, var(--cf-green-dark,#059669) 0%, var(--cf-green,#10b981) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.accept-invitation-card{background:var(--cf-white,#fff);border-radius:1.25rem;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.accept-invitation-header{text-align:center;margin-bottom:2rem}.accept-invitation-logo{color:var(--cf-green,#10b981);margin-bottom:1rem}.accept-invitation-header h2{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.accept-invitation-header p{color:var(--cf-gray-600,#4b5563);margin:0}.accept-invitation-success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399);border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.accept-invitation-error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.accept-invitation-form{flex-direction:column;gap:1.25rem;display:flex}.accept-invitation-field{flex-direction:column;gap:.5rem;display:flex}.accept-invitation-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.accept-invitation-field input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.accept-invitation-field input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.accept-invitation-button{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:background .2s,transform .1s}.accept-invitation-button:hover{background:var(--cf-green-dark,#059669)}.accept-invitation-button:active{transform:scale(.98)}.accept-invitation-button:disabled{opacity:.7;cursor:not-allowed}.accept-invitation-passkey{flex-direction:column;gap:1rem;display:flex}.accept-invitation-passkey .passkey-icon{margin-right:.5rem;font-size:1.25rem}.accept-invitation-skip-btn{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:color .2s}.accept-invitation-skip-btn:hover{color:var(--cf-gray-800,#1f2937)}.accept-invitation-skip-btn:disabled{opacity:.5;cursor:not-allowed}.accept-invitation-footer{text-align:center;margin-top:1.5rem;font-size:.875rem}.accept-invitation-footer a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.accept-invitation-footer a:hover{color:var(--cf-green-dark,#059669);text-decoration:underline}.admin-header{background:var(--cf-white,#fff);border-bottom:1px solid var(--cf-gray-200,#e5e7eb);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.header-left{align-items:center;gap:1rem;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;gap:4px;padding:8px;transition:background .2s;display:flex}.menu-toggle:hover{background:var(--cf-gray-100,#f3f4f6)}.menu-toggle span{background:var(--cf-gray-800,#1f2937);border-radius:2px;width:22px;height:2px}.header-brand{align-items:center;gap:.75rem;display:flex}.header-logo{color:var(--cf-green,#10b981)}.header-title{color:var(--cf-gray-800,#1f2937);letter-spacing:-.025em;font-size:1.25rem;font-weight:800}.header-right{align-items:center;gap:1rem;display:flex}.header-user{color:var(--cf-gray-600,#4b5563);font-size:.875rem;font-weight:600}.header-logout{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .2s}.header-logout:hover{background:var(--cf-green-dark,#059669)}@media (width<=900px){.header-title{display:none}}.admin-sidebar{background:var(--cf-white,#fff);border-right:1px solid var(--cf-gray-200,#e5e7eb);flex-direction:column;flex-shrink:0;width:260px;height:100%;transition:width .3s;display:flex;overflow:hidden}.admin-sidebar.closed{width:72px}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{color:var(--cf-gray-600,#4b5563);white-space:nowrap;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.sidebar-link:hover{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-green,#10b981)}.sidebar-link.active{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);font-weight:600}.sidebar-icon{text-align:center;flex-shrink:0;width:1.5rem;font-size:1.25rem;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.admin-sidebar.closed .sidebar-link{justify-content:center;padding:.6rem}.admin-sidebar.closed .sidebar-link:hover{background:var(--cf-gray-100,#f3f4f6);transform:translateY(-2px)}.admin-sidebar.closed .sidebar-link:hover .sidebar-icon{filter:drop-shadow(0 6px 8px #0000002e);transform:scale(1.45)translateY(-2px)}.admin-sidebar.closed .sidebar-link:active .sidebar-icon{transform:scale(1.2)translateY(0)}.admin-sidebar.closed,.admin-sidebar.closed .sidebar-nav{overflow:visible}.sidebar-tooltip{display:none}.admin-sidebar.closed .sidebar-tooltip{background:var(--cf-gray-800,#1f2937);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;border-radius:.5rem;padding:.4rem .8rem;font-size:.8125rem;font-weight:600;transition:opacity .15s 50ms,transform .15s 50ms;display:block;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px)scale(.92);box-shadow:0 10px 20px -6px #0000004d}.admin-sidebar.closed .sidebar-tooltip:before{content:"";border:5px solid #0000;border-right-color:var(--cf-gray-800,#1f2937);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.admin-sidebar.closed .sidebar-link:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%)translate(0)scale(1)}.sidebar-label{white-space:nowrap;opacity:1;transition:opacity .2s,width .2s,margin .2s;overflow:hidden}.admin-sidebar.closed .sidebar-label{opacity:0;width:0;margin-left:0}.sidebar-footer{border-top:1px solid var(--cf-gray-200,#e5e7eb);text-align:center;padding:1rem}.sidebar-version{color:var(--cf-gray-400,#9ca3af);white-space:nowrap;font-size:.75rem;font-weight:600;transition:opacity .2s;overflow:hidden}.admin-sidebar.closed .sidebar-version{opacity:0}@media (width<=900px){.admin-sidebar{z-index:40;width:260px;transition:transform .3s;position:fixed;top:64px;bottom:0;left:0;box-shadow:4px 0 15px #00000014}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-label,.sidebar-version{opacity:1!important;width:auto!important}}.admin-footer{background:var(--cf-white,#fff);border-top:1px solid var(--cf-gray-200,#e5e7eb);height:48px;color:var(--cf-gray-600,#4b5563);justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:.8125rem;display:flex}.footer-version{color:var(--cf-gray-400,#9ca3af);font-weight:600}@media (width<=600px){.admin-footer{text-align:center;flex-direction:column;gap:.25rem;height:auto;padding:.75rem}}.admin-layout{background:var(--cf-gray-50,#f9fafb);flex-direction:column;height:100vh;display:flex;overflow:hidden}.admin-body{flex:1;align-items:stretch;height:calc(100vh - 64px);margin-top:64px;display:flex;overflow:hidden}.admin-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.admin-content{flex:1;padding:1.5rem;overflow:hidden auto}@media (width<=900px){.admin-main{margin-left:0}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-title{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.dashboard-welcome{color:var(--cf-gray-600,#4b5563);margin:0 0 2rem}.dashboard-error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.dashboard-card{border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.dashboard-card.green{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.dashboard-card.white{background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border:1px solid var(--cf-gray-200,#e5e7eb)}.card-icon{background:#fff3;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.dashboard-card.white .card-icon{background:var(--cf-green-pale,#d1fae5)}.card-info{flex-direction:column;display:flex}.card-value{font-size:1.75rem;font-weight:800;line-height:1}.card-label{opacity:.9;margin-top:.25rem;font-size:.875rem;font-weight:500}.dashboard-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}.dashboard-section h2{color:var(--cf-gray-800,#1f2937);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-item{background:var(--cf-gray-50,#f9fafb);color:var(--cf-gray-700,#374151);border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.activity-dot.green{background:var(--cf-green,#10b981)}.activity-time{color:var(--cf-gray-400,#9ca3af);margin-left:auto;font-size:.75rem;font-weight:500}.users-page{max-width:1200px;margin:0 auto}.users-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.users-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.875rem;font-weight:800}.users-invite-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.users-invite-btn:hover{background:var(--cf-green-dark,#059669)}.users-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.users-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.users-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.users-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.users-section h2{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.users-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.users-filter{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.users-filter select{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);cursor:pointer;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.users-table tbody tr.accepted{background:var(--cf-gray-50,#f9fafb);opacity:.85}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:.9375rem}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.users-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.users-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.users-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.role-badge,.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.role-badge.admin{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.role-badge.manager{color:#1d4ed8;background:#dbeafe}.role-badge.operator{color:#b45309;background:#fef3c7}.role-badge.external{color:#7e22ce;background:#f3e8ff}.status-badge.green{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.status-badge.gray{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563)}.users-actions{gap:.5rem;display:flex}.users-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.users-action-btn.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.users-action-btn.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.users-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.users-action-btn.delete:hover{background:#fecaca}.users-action-btn.passkey{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.users-action-btn.passkey:hover{background:#a7f3d0}.users-action-btn.pin{color:#1d4ed8;background:#dbeafe}.users-action-btn.pin:hover{background:#bfdbfe}.users-action-btn:disabled{opacity:.5;cursor:not-allowed}.users-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.users-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.users-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.users-field{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.users-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.users-field input,.users-field select{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.users-field input:focus,.users-field select:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.users-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.users-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.users-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.users-btn.primary:hover{background:var(--cf-green-dark,#059669)}.users-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.users-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.users-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-actions{flex-direction:column}}.customers-page{max-width:1200px;margin:0 auto}.customers-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.customers-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.875rem;font-weight:800}.customers-create-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.customers-create-btn:hover{background:var(--cf-green-dark,#059669)}.customers-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.customers-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.customers-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.customers-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}.customers-table-toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.customers-filter-toggle{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.customers-filter-toggle:hover{background:var(--cf-gray-50,#f9fafb);border-color:var(--cf-gray-300,#d1d5db)}.customers-filter-toggle.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.customers-filter-badge{background:var(--cf-green,#10b981);min-width:1.25rem;height:1.25rem;color:var(--cf-white,#fff);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.customers-clear-filters{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s}.customers-clear-filters:hover{color:var(--cf-error,#ef4444)}.customers-filter-panel{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.customers-filter-list{flex-direction:column;gap:.75rem;display:flex}.customers-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.customers-filter-select,.customers-filter-input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.customers-filter-select:focus,.customers-filter-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.customers-filter-input{flex:1;min-width:140px}.customers-filter-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.customers-filter-remove:hover{background:#fecaca}.customers-filter-add{background:var(--cf-white,#fff);border:1px dashed var(--cf-green,#10b981);color:var(--cf-green-dark,#059669);cursor:pointer;border-radius:.75rem;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.customers-filter-add:hover{background:var(--cf-green-pale,#d1fae5)}.customers-sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.customers-sortable-header:hover{background:var(--cf-gray-100,#f3f4f6)}.customers-header-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.customers-table-wrapper{overflow-x:auto}.customers-search-bar{margin-bottom:1rem}.customers-search-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;max-width:500px;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.customers-search-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.customers-pagination-bar{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-bottom:none;border-radius:.75rem .75rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.customers-page-size{align-items:center;gap:.5rem;display:flex}.customers-page-size select{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem}.customers-page-info{font-weight:600}.customers-page-controls{gap:.25rem;display:flex}.customers-page-btn{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.customers-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.customers-page-btn:disabled{opacity:.5;cursor:not-allowed}.customers-table{border-collapse:collapse;width:100%;font-size:.9375rem}.customers-table th,.customers-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.customers-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.customers-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.customers-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.customer-industries{flex-wrap:wrap;gap:.25rem;display:flex}.customer-industry-tag{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.customer-industry-more{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.customers-actions{gap:.5rem;display:flex}.customers-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.customers-action-btn.view{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.customers-action-btn.view:hover{background:#a7f3d0}.customers-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.customers-action-btn.delete:hover{background:#fecaca}.customers-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.customers-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:720px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.customers-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.customers-form{flex-direction:column;gap:1.25rem;display:flex}.customers-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.customers-field{flex-direction:column;gap:.5rem;display:flex}.customers-field.full-width{grid-column:1/-1}.customers-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.customers-field input,.customers-field select,.customers-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.customers-field input:focus,.customers-field select:focus,.customers-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.customers-section-title{color:var(--cf-gray-800,#1f2937);border-top:1px solid var(--cf-gray-200,#e5e7eb);margin-top:.5rem;padding-top:1rem;font-size:1rem;font-weight:700}.customers-industries-grid{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1rem;display:grid}.customers-industry-checkbox{color:var(--cf-gray-700,#374151);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.customers-industry-checkbox input{width:1rem;height:1rem;accent-color:var(--cf-green,#10b981);cursor:pointer}.customers-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.customers-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.customers-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.customers-btn.primary:hover{background:var(--cf-green-dark,#059669)}.customers-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.customers-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.customers-header{flex-direction:column;align-items:flex-start;gap:1rem}.customers-form-grid,.customers-industries-grid{grid-template-columns:1fr}}.project-track-changes{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-track-changes-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.project-track-changes-header h2{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.project-track-changes-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.project-track-changes-timeline{padding-left:1.5rem;position:relative}.project-track-changes-timeline:before{content:"";background:var(--cf-gray-200,#e5e7eb);width:2px;position:absolute;top:0;bottom:0;left:.4375rem}.project-track-changes-event{margin-bottom:1.25rem;position:relative}.project-track-changes-dot{background:var(--cf-gray-300,#d1d5db);border:2px solid var(--cf-white,#fff);width:1rem;height:1rem;box-shadow:0 0 0 2px var(--cf-gray-200,#e5e7eb);border-radius:50%;position:absolute;top:.25rem;left:-1.5rem}.project-track-changes-dot.create{background:var(--cf-green,#10b981);box-shadow:0 0 0 2px var(--cf-green-pale,#d1fae5)}.project-track-changes-dot.edit{background:#3b82f6;box-shadow:0 0 0 2px #dbeafe}.project-track-changes-dot.delete{background:var(--cf-error,#ef4444);box-shadow:0 0 0 2px #fecaca}.project-track-changes-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 1px 2px #0000000a}.project-track-changes-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.project-track-changes-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-track-changes-action{text-transform:uppercase;color:var(--cf-white,#fff);background:var(--cf-gray-500,#6b7280);border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.project-track-changes-action.create{background:var(--cf-green,#10b981)}.project-track-changes-action.edit{background:#3b82f6}.project-track-changes-action.delete{background:var(--cf-error,#ef4444)}.project-track-changes-entity{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-100,#f3f4f6);border-radius:9999px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.project-track-changes-time{color:var(--cf-gray-500,#6b7280);white-space:nowrap;font-size:.8125rem}.project-track-changes-user{color:var(--cf-gray-700,#374151);margin-bottom:.375rem;font-size:.875rem;font-weight:600}.project-track-changes-description{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:.9375rem}.project-track-changes-details{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;overflow-x:auto}.project-track-changes-details pre{white-space:pre-wrap;word-break:break-word;margin:0}@media (width<=700px){.project-track-changes-timeline{padding-left:1.25rem}.project-track-changes-card-header{flex-direction:column;align-items:flex-start}}.customer-detail-page{max-width:1200px;margin:0 auto}.customer-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.customer-detail-breadcrumb{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.customer-detail-breadcrumb a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.customer-detail-breadcrumb a:hover{text-decoration:underline}.customer-detail-breadcrumb span:last-child{color:var(--cf-gray-800,#1f2937);font-weight:700}.customer-detail-actions{gap:.75rem;display:flex}.customer-detail-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.customer-detail-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.customer-detail-btn.primary:hover{background:var(--cf-green-dark,#059669)}.customer-detail-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.customer-detail-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.customer-detail-btn.danger{color:var(--cf-error,#ef4444);background:#fef2f2}.customer-detail-btn.danger:hover{background:#fecaca}.customer-detail-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.customer-detail-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.customer-detail-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.customer-detail-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;margin-bottom:1.25rem;display:flex}.customer-detail-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.customer-detail-tab:hover{color:var(--cf-gray-800,#1f2937)}.customer-detail-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.customer-detail-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.customer-detail-card.read-only{background:var(--cf-gray-50,#f9fafb)}.customer-detail-card.read-only input,.customer-detail-card.read-only select,.customer-detail-card.read-only textarea{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563);border-color:var(--cf-gray-200,#e5e7eb);cursor:default}.customer-detail-card.read-only .customer-detail-industries-grid{background:var(--cf-gray-100,#f3f4f6)}.customer-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.customer-detail-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.5rem;font-weight:800}.customer-detail-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.customer-detail-field{flex-direction:column;gap:.5rem;display:flex}.customer-detail-field.full-width{grid-column:1/-1}.customer-detail-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.customer-detail-field input,.customer-detail-field select,.customer-detail-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.customer-detail-field input:focus,.customer-detail-field select:focus,.customer-detail-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.customer-detail-industries-grid{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1rem;display:grid}.customer-detail-industry-checkbox{color:var(--cf-gray-700,#374151);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.customer-detail-industry-checkbox.disabled{cursor:default}.customer-detail-industry-checkbox input{width:1rem;height:1rem;accent-color:var(--cf-green,#10b981);cursor:pointer}.customer-detail-industry-checkbox.disabled input{cursor:default}.customer-detail-back{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.customer-detail-back:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.customer-detail-header{flex-direction:column;align-items:flex-start}.customer-detail-actions{width:100%}.customer-detail-actions button{flex:1}.customer-detail-form-grid,.customer-detail-industries-grid{grid-template-columns:1fr}}.items-page{max-width:1200px;margin:0 auto}.items-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.items-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.875rem;font-weight:800}.items-create-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.items-create-btn:hover{background:var(--cf-green-dark,#059669)}.items-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.items-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.items-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.items-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}.items-table-toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.items-filter-toggle{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.items-filter-toggle:hover{background:var(--cf-gray-50,#f9fafb);border-color:var(--cf-gray-300,#d1d5db)}.items-filter-toggle.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.items-filter-badge{background:var(--cf-green,#10b981);min-width:1.25rem;height:1.25rem;color:var(--cf-white,#fff);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.items-clear-filters{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s}.items-clear-filters:hover{color:var(--cf-error,#ef4444)}.items-filter-panel{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.items-filter-list{flex-direction:column;gap:.75rem;display:flex}.items-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.items-filter-select,.items-filter-input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.items-filter-select:focus,.items-filter-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.items-filter-input{flex:1;min-width:140px}.items-filter-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.items-filter-remove:hover{background:#fecaca}.items-filter-add{background:var(--cf-white,#fff);border:1px dashed var(--cf-green,#10b981);color:var(--cf-green-dark,#059669);cursor:pointer;border-radius:.75rem;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.items-filter-add:hover{background:var(--cf-green-pale,#d1fae5)}.items-sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.items-sortable-header:hover{background:var(--cf-gray-100,#f3f4f6)}.items-header-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.items-required{color:var(--cf-error,#ef4444)}.items-optional{color:var(--cf-gray-400,#9ca3af);font-weight:500}.items-table-wrapper{overflow-x:auto}.items-search-bar{margin-bottom:1rem}.items-search-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;max-width:500px;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.items-search-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.items-pagination-bar{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-bottom:none;border-radius:.75rem .75rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.items-page-size{align-items:center;gap:.5rem;display:flex}.items-page-size select{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem}.items-page-info{font-weight:600}.items-page-controls{gap:.25rem;display:flex}.items-page-btn{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.items-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.items-page-btn:disabled{opacity:.5;cursor:not-allowed}.items-table{border-collapse:collapse;width:100%;font-size:.9375rem}.items-table th,.items-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.items-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.items-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.items-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.items-actions{gap:.5rem;display:flex}.items-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.items-action-btn.view{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.items-action-btn.view:hover{background:#a7f3d0}.items-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.items-action-btn.delete:hover{background:#fecaca}.items-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.items-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:720px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.items-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.items-form{flex-direction:column;gap:1.25rem;display:flex}.items-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.items-field{flex-direction:column;gap:.5rem;display:flex}.items-field.full-width{grid-column:1/-1}.items-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.items-field input,.items-field select,.items-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.items-field input:focus,.items-field select:focus,.items-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.items-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.items-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.items-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.items-btn.primary:hover{background:var(--cf-green-dark,#059669)}.items-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.items-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.items-select .is__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.items-select .is__control:hover{border-color:var(--cf-green,#10b981)}.items-select .is__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.items-select .is__placeholder{color:var(--cf-gray-400,#9ca3af)}.items-select .is__single-value{color:var(--cf-gray-800,#1f2937)}.items-select .is__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.items-select .is__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.items-select .is__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.items-select .is__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.items-select .is__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.items-select .is__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.items-select .is__dropdown-indicator:hover{color:var(--cf-green,#10b981)}@media (width<=700px){.items-header{flex-direction:column;align-items:flex-start;gap:1rem}.items-form-grid{grid-template-columns:1fr}}.item-detail-page{max-width:1200px;margin:0 auto}.item-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.item-detail-breadcrumb{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.item-detail-breadcrumb a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.item-detail-breadcrumb a:hover{text-decoration:underline}.item-detail-breadcrumb span:last-child{color:var(--cf-gray-800,#1f2937);font-weight:700}.item-detail-actions{gap:.75rem;display:flex}.item-detail-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.item-detail-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.item-detail-btn.primary:hover{background:var(--cf-green-dark,#059669)}.item-detail-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.item-detail-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.item-detail-btn.danger{color:var(--cf-error,#ef4444);background:#fef2f2}.item-detail-btn.danger:hover{background:#fecaca}.item-detail-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.item-detail-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.item-detail-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.item-detail-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;margin-bottom:1.25rem;display:flex}.item-detail-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.item-detail-tab:hover{color:var(--cf-gray-800,#1f2937)}.item-detail-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.item-detail-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.item-detail-card.read-only{background:var(--cf-gray-50,#f9fafb)}.item-detail-card.read-only input,.item-detail-card.read-only select,.item-detail-card.read-only textarea{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563);border-color:var(--cf-gray-200,#e5e7eb);cursor:default}.item-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.item-detail-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.5rem;font-weight:800}.item-detail-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.item-detail-field{flex-direction:column;gap:.5rem;display:flex}.item-detail-field.full-width{grid-column:1/-1}.item-detail-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.item-detail-field input,.item-detail-field select,.item-detail-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.item-detail-field input:focus,.item-detail-field select:focus,.item-detail-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.item-detail-required{color:var(--cf-error,#ef4444)}.item-detail-optional{color:var(--cf-gray-400,#9ca3af);font-weight:500}.item-detail-select .is__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.item-detail-select .is__control:hover{border-color:var(--cf-green,#10b981)}.item-detail-select .is__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.item-detail-select .is__control--is-disabled{background:var(--cf-gray-100,#f3f4f6);opacity:.7}.item-detail-select .is__placeholder{color:var(--cf-gray-400,#9ca3af)}.item-detail-select .is__single-value{color:var(--cf-gray-800,#1f2937)}.item-detail-select .is__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.item-detail-select .is__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.item-detail-select .is__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.item-detail-select .is__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.item-detail-select .is__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.item-detail-select .is__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.item-detail-select .is__dropdown-indicator:hover{color:var(--cf-green,#10b981)}.item-detail-back{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.item-detail-back:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.item-detail-header{flex-direction:column;align-items:flex-start}.item-detail-actions{width:100%}.item-detail-actions button{flex:1}.item-detail-form-grid{grid-template-columns:1fr}}.boms-page{max-width:1200px;margin:0 auto}.boms-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.boms-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.875rem;font-weight:800}.boms-create-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.boms-create-btn:hover{background:var(--cf-green-dark,#059669)}.boms-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.boms-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.boms-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.boms-alert.info{color:var(--cf-blue,#3b82f6);background:#eff6ff;border:1px solid #bfdbfe}.boms-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}.boms-table-toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.boms-filter-toggle{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.boms-filter-toggle:hover{background:var(--cf-gray-50,#f9fafb);border-color:var(--cf-gray-300,#d1d5db)}.boms-filter-toggle.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.boms-filter-badge{background:var(--cf-green,#10b981);min-width:1.25rem;height:1.25rem;color:var(--cf-white,#fff);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.boms-clear-filters{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s}.boms-clear-filters:hover{color:var(--cf-error,#ef4444)}.boms-filter-panel{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.boms-filter-list{flex-direction:column;gap:.75rem;display:flex}.boms-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.boms-filter-select,.boms-filter-input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.boms-filter-select:focus,.boms-filter-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.boms-filter-input{flex:1;min-width:140px}.boms-filter-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.boms-filter-remove:hover{background:#fecaca}.boms-filter-add{background:var(--cf-white,#fff);border:1px dashed var(--cf-green,#10b981);color:var(--cf-green-dark,#059669);cursor:pointer;border-radius:.75rem;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.boms-filter-add:hover{background:var(--cf-green-pale,#d1fae5)}.boms-sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.boms-sortable-header:hover{background:var(--cf-gray-100,#f3f4f6)}.boms-header-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sort-icon{color:var(--cf-gray-400,#9ca3af);opacity:.5;font-size:.75rem}.sort-icon.active{color:var(--cf-green,#10b981);opacity:1}.boms-table-wrapper{overflow-x:auto}.boms-pagination-bar{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-bottom:none;border-radius:.75rem .75rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.boms-page-size{align-items:center;gap:.5rem;display:flex}.boms-page-size select{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem}.boms-page-info{font-weight:600}.boms-page-controls{gap:.25rem;display:flex}.boms-page-btn{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.boms-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.boms-page-btn:disabled{opacity:.5;cursor:not-allowed}.boms-table{border-collapse:collapse;width:100%;font-size:.9375rem}.boms-table th,.boms-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.boms-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.boms-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.boms-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.boms-actions{gap:.5rem;display:flex}.boms-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.boms-action-btn.view{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.boms-action-btn.view:hover{background:#a7f3d0}.boms-action-btn.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.boms-action-btn.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.boms-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.boms-action-btn.delete:hover{background:#fecaca}.boms-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.boms-modal{background:var(--cf-white,#fff);border-radius:1rem;width:90%;max-width:90%;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.boms-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.boms-section-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.25rem;margin-bottom:1.25rem;display:flex}.boms-section-tab{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.boms-section-tab:hover{color:var(--cf-gray-700,#374151)}.boms-section-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.boms-section-content,.boms-form{flex-direction:column;gap:1.25rem;display:flex}.boms-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.boms-field{flex-direction:column;gap:.5rem;display:flex}.boms-field.full-width{grid-column:1/-1}.boms-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.boms-field input,.boms-field select,.boms-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.boms-field input:focus,.boms-field select:focus,.boms-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.boms-help-text{color:var(--cf-gray-500,#6b7280);font-size:.75rem}.boms-select .bs__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.boms-select .bs__control:hover{border-color:var(--cf-green,#10b981)}.boms-select .bs__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.boms-select .bs__placeholder{color:var(--cf-gray-400,#9ca3af)}.boms-select .bs__single-value{color:var(--cf-gray-800,#1f2937)}.boms-select .bs__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.boms-select .bs__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.boms-select .bs__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.boms-select .bs__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.boms-select .bs__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.boms-select .bs__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.boms-select .bs__dropdown-indicator:hover{color:var(--cf-green,#10b981)}.boms-file-input{border:1px dashed var(--cf-gray-300,#d1d5db);background:var(--cf-gray-50,#f9fafb);border-radius:.75rem;padding:.75rem}.boms-file-list{flex-direction:column;gap:.75rem;display:flex}.boms-file-list h4{color:var(--cf-gray-700,#374151);margin:0;font-size:.9375rem;font-weight:700}.boms-file-row{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.boms-file-name{color:var(--cf-gray-800,#1f2937);word-break:break-all;flex:1;font-size:.875rem}.boms-file-type{color:var(--cf-gray-500,#6b7280);text-transform:uppercase;font-size:.75rem;font-weight:600}.boms-file-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.boms-file-remove:hover{background:#fecaca}.boms-components-header{justify-content:space-between;align-items:center;display:flex}.boms-components-header h4{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1rem;font-weight:700}.boms-add-component{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.boms-add-component:hover{background:var(--cf-green-dark,#059669)}.boms-empty-components{color:var(--cf-gray-500,#6b7280);margin:0;font-size:.9375rem}.boms-component-list{flex-direction:column;gap:1rem;display:flex}.boms-component-row{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr auto;align-items:end;gap:.75rem;padding:1rem;display:grid}.boms-component-field{flex-direction:column;gap:.375rem;display:flex}.boms-component-field label{color:var(--cf-gray-600,#4b5563);font-size:.75rem;font-weight:700}.boms-component-field input{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.boms-component-field input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 2px var(--cf-green-pale,#d1fae5);outline:none}.boms-component-field input[readonly]{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563)}.boms-component-actions{align-items:end;display:flex}.boms-component-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.boms-component-remove:hover{background:#fecaca}.boms-modal-actions{border-top:1px solid var(--cf-gray-200,#e5e7eb);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.boms-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.boms-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.boms-btn.primary:hover{background:var(--cf-green-dark,#059669)}.boms-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.boms-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.status-badge.yellow{color:#d97706;background:#fef3c7}@media (width<=900px){.boms-component-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.boms-header{flex-direction:column;align-items:flex-start;gap:1rem}.boms-form-grid,.boms-component-row{grid-template-columns:1fr}}.bom-detail-page{max-width:1200px;margin:0 auto}.bom-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.bom-detail-breadcrumb{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.bom-detail-breadcrumb a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.bom-detail-breadcrumb a:hover{text-decoration:underline}.bom-detail-breadcrumb span:last-child{color:var(--cf-gray-800,#1f2937);font-weight:700}.bom-detail-actions{gap:.75rem;display:flex}.bom-detail-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.bom-detail-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.bom-detail-btn.primary:hover{background:var(--cf-green-dark,#059669)}.bom-detail-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.bom-detail-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.bom-detail-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.bom-detail-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.bom-detail-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.bom-detail-alert.info{color:var(--cf-blue,#3b82f6);background:#eff6ff;border:1px solid #bfdbfe}.bom-detail-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;margin-bottom:1.25rem;display:flex}.bom-detail-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.bom-detail-tab:hover{color:var(--cf-gray-800,#1f2937)}.bom-detail-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.bom-detail-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.bom-detail-card.read-only{background:var(--cf-gray-50,#f9fafb)}.bom-detail-card.read-only input,.bom-detail-card.read-only select,.bom-detail-card.read-only textarea{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563);border-color:var(--cf-gray-200,#e5e7eb);cursor:default}.bom-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.bom-detail-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.5rem;font-weight:800}.bom-detail-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.bom-detail-meta-item{background:var(--cf-gray-50,#f9fafb);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.bom-detail-meta-label{text-transform:uppercase;color:var(--cf-gray-500,#6b7280);font-size:.75rem;font-weight:700}.bom-detail-meta-value{color:var(--cf-gray-800,#1f2937);font-size:1rem;font-weight:600}.bom-detail-description{border-top:1px solid var(--cf-gray-200,#e5e7eb);margin-top:1.25rem;padding-top:1.25rem}.bom-detail-description h3{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:1rem;font-weight:700}.bom-detail-description p{color:var(--cf-gray-600,#4b5563);margin:0;font-size:.9375rem;line-height:1.5}.bom-detail-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.bom-detail-section-header h2{margin:0}.bom-detail-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.bom-detail-section h2{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.bom-detail-table-wrapper{overflow-x:auto}.bom-detail-table{border-collapse:collapse;width:100%;font-size:.9375rem}.bom-detail-table th,.bom-detail-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.bom-detail-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.bom-detail-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.bom-detail-empty{color:var(--cf-gray-500,#6b7280);margin:0;font-size:.9375rem}.bom-detail-file-row{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.bom-detail-file-info{flex-direction:column;flex:1;gap:.25rem;min-width:200px;display:flex}.bom-detail-file-name{color:var(--cf-gray-800,#1f2937);word-break:break-all;font-size:.9375rem;font-weight:600}.bom-detail-file-type{text-transform:uppercase;color:var(--cf-gray-500,#6b7280);font-size:.75rem;font-weight:700}.bom-detail-file-actions{gap:.5rem;display:flex}.bom-detail-file-chip{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:9999px;max-width:150px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:background .2s;display:inline-block;overflow:hidden}.bom-detail-file-chip:hover{background:#a7f3d0}.bom-detail-component-files{flex-wrap:wrap;gap:.25rem;display:flex}.bom-detail-download-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.bom-detail-download-btn:hover{background:var(--cf-green-dark,#059669)}.bom-detail-back{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.bom-detail-back:hover{background:var(--cf-gray-200,#e5e7eb)}.bom-detail-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.bom-detail-modal{background:var(--cf-white,#fff);border-radius:1rem;width:90%;max-width:90%;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bom-detail-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.bom-detail-section-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.25rem;margin-bottom:1.25rem;display:flex}.bom-detail-section-tab{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.bom-detail-section-tab:hover{color:var(--cf-gray-700,#374151)}.bom-detail-section-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.bom-detail-section-content,.bom-detail-edit-form{flex-direction:column;gap:1.25rem;display:flex}.bom-detail-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.bom-detail-field{flex-direction:column;gap:.5rem;display:flex}.bom-detail-field.full-width{grid-column:1/-1}.bom-detail-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.bom-detail-field input,.bom-detail-field select,.bom-detail-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.bom-detail-field input:focus,.bom-detail-field select:focus,.bom-detail-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.bom-detail-help-text{color:var(--cf-gray-500,#6b7280);font-size:.75rem}.bom-detail-select .bs__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.bom-detail-select .bs__control:hover{border-color:var(--cf-green,#10b981)}.bom-detail-select .bs__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.bom-detail-select .bs__placeholder{color:var(--cf-gray-400,#9ca3af)}.bom-detail-select .bs__single-value{color:var(--cf-gray-800,#1f2937)}.bom-detail-select .bs__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.bom-detail-select .bs__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.bom-detail-select .bs__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.bom-detail-select .bs__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.bom-detail-select .bs__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.bom-detail-select .bs__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.bom-detail-select .bs__dropdown-indicator:hover{color:var(--cf-green,#10b981)}.bom-detail-file-input{border:1px dashed var(--cf-gray-300,#d1d5db);background:var(--cf-gray-50,#f9fafb);border-radius:.75rem;padding:.75rem}.bom-detail-file-list{flex-direction:column;gap:.75rem;display:flex}.bom-detail-file-list h4{color:var(--cf-gray-700,#374151);margin:0;font-size:.9375rem;font-weight:700}.bom-detail-file-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.bom-detail-file-remove:hover{background:#fecaca}.bom-detail-components-header{justify-content:space-between;align-items:center;display:flex}.bom-detail-components-header h4{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1rem;font-weight:700}.bom-detail-add-component{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.bom-detail-add-component:hover{background:var(--cf-green-dark,#059669)}.bom-detail-empty-components{color:var(--cf-gray-500,#6b7280);margin:0;font-size:.9375rem}.bom-detail-component-list{flex-direction:column;gap:1rem;display:flex}.bom-detail-component-row{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr auto;align-items:end;gap:.75rem;padding:1rem;display:grid}.bom-detail-component-files-edit{flex-direction:column;grid-column:1/-1;gap:.75rem;display:flex}.bom-detail-component-files-edit label{color:var(--cf-gray-600,#4b5563);font-size:.75rem;font-weight:700}.bom-detail-component-files-edit .bom-detail-file-list{margin-top:.5rem}.bom-detail-component-field{flex-direction:column;gap:.375rem;display:flex}.bom-detail-component-field label{color:var(--cf-gray-600,#4b5563);font-size:.75rem;font-weight:700}.bom-detail-component-field input{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem}.bom-detail-component-field input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 2px var(--cf-green-pale,#d1fae5);outline:none}.bom-detail-component-field input[readonly]{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563)}.bom-detail-component-actions{align-items:end;display:flex}.bom-detail-component-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.bom-detail-component-remove:hover{background:#fecaca}.bom-detail-component-row .bom-detail-select .bs__control--is-disabled{background:var(--cf-gray-100,#f3f4f6);opacity:.7}.bom-detail-search-bar{margin-bottom:1rem}.bom-detail-search-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;max-width:500px;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.bom-detail-search-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.bom-detail-page-size,.bom-detail-page-info,.bom-detail-page-controls{align-items:center;gap:.5rem;display:flex}.bom-detail-pagination-bar{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-bottom:none;border-radius:.75rem .75rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.bom-detail-page-size select{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem}.bom-detail-page-info{font-weight:600}.bom-detail-page-controls{gap:.25rem;display:flex}.bom-detail-page-btn{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.bom-detail-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.bom-detail-page-btn:disabled{opacity:.5;cursor:not-allowed}.bom-detail-modal-actions{border-top:1px solid var(--cf-gray-200,#e5e7eb);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}@media (width<=900px){.bom-detail-component-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.bom-detail-header{flex-direction:column;align-items:flex-start}.bom-detail-actions{width:100%}.bom-detail-actions button{flex:1}.bom-detail-form-grid,.bom-detail-component-row{grid-template-columns:1fr}}.projects-page{max-width:1200px;margin:0 auto}.projects-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.projects-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.875rem;font-weight:800}.projects-create-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.projects-create-btn:hover{background:var(--cf-green-dark,#059669)}.projects-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.projects-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.projects-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.projects-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}.projects-table-wrapper{overflow-x:auto}.projects-table{border-collapse:collapse;width:100%;font-size:.9375rem}.projects-table th,.projects-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.projects-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.projects-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.projects-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.projects-actions{gap:.5rem;display:flex}.projects-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.projects-action-btn.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.projects-action-btn.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.projects-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.projects-action-btn.delete:hover{background:#fecaca}.projects-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.projects-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:720px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.projects-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.projects-form{flex-direction:column;gap:1.25rem;display:flex}.projects-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.projects-field{flex-direction:column;gap:.5rem;display:flex}.projects-field.full-width{grid-column:1/-1}.projects-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.projects-field input,.projects-field select,.projects-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.projects-field input:focus,.projects-field select:focus,.projects-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.projects-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.projects-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.projects-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.projects-btn.primary:hover{background:var(--cf-green-dark,#059669)}.projects-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.projects-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.projects-customer-select .proj__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.projects-customer-select .proj__control:hover{border-color:var(--cf-green,#10b981)}.projects-customer-select .proj__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.projects-customer-select .proj__placeholder{color:var(--cf-gray-400,#9ca3af)}.projects-customer-select .proj__single-value{color:var(--cf-gray-800,#1f2937)}.projects-customer-select .proj__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.projects-customer-select .proj__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.projects-customer-select .proj__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.projects-customer-select .proj__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.projects-customer-select .proj__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.projects-customer-select .proj__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.projects-customer-select .proj__dropdown-indicator:hover{color:var(--cf-green,#10b981)}.projects-customer-select .proj__clear-indicator{color:var(--cf-gray-400,#9ca3af)}.projects-customer-select .proj__clear-indicator:hover{color:var(--cf-error,#ef4444)}.projects-files-section{border-top:1px solid var(--cf-gray-200,#e5e7eb);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.projects-files-label{color:var(--cf-gray-800,#1f2937);font-size:1rem;font-weight:700}.projects-file-input{align-items:center;display:flex}.projects-file-input input[type=file]{display:none}.projects-file-btn{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);border:1px solid var(--cf-gray-200,#e5e7eb);cursor:pointer;border-radius:.75rem;padding:.625rem 1.25rem;font-weight:600;transition:background .2s}.projects-file-btn:hover{background:var(--cf-gray-200,#e5e7eb)}.projects-file-list{flex-direction:column;gap:.75rem;display:flex}.projects-file-list h4{color:var(--cf-gray-600,#4b5563);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.875rem;font-weight:700}.projects-file-item{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.projects-file-item.attached{background:var(--cf-white,#fff)}.projects-file-info{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.projects-file-name-label{color:var(--cf-gray-500,#6b7280);word-break:break-all;font-size:.75rem}.projects-file-name-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.projects-file-name-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.projects-file-name-title{color:var(--cf-gray-700,#374151);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.projects-file-name{color:var(--cf-gray-800,#1f2937);word-break:break-all;flex:1;font-size:.9375rem}.projects-file-remove,.projects-file-action{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.projects-file-remove{color:var(--cf-error,#ef4444);background:#fef2f2}.projects-file-remove:hover{background:#fecaca}.projects-file-actions{gap:.5rem;display:flex}.projects-file-action.download{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.projects-file-action.download:hover{background:#a7f3d0}.projects-file-action.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.projects-file-action.delete:hover{background:#fecaca}@media (width<=700px){.projects-header{flex-direction:column;align-items:flex-start;gap:1rem}.projects-form-grid{grid-template-columns:1fr}.projects-file-item{flex-direction:column;align-items:flex-start}.projects-file-actions{width:100%}.projects-file-action{flex:1}}.projects-table-toolbar{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.projects-filter-toggle{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.projects-filter-toggle:hover{background:var(--cf-gray-50,#f9fafb);border-color:var(--cf-gray-300,#d1d5db)}.projects-filter-toggle.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.projects-filter-badge{background:var(--cf-green,#10b981);min-width:1.25rem;height:1.25rem;color:var(--cf-white,#fff);border-radius:9999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.projects-clear-filters{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s}.projects-clear-filters:hover{color:var(--cf-error,#ef4444)}.projects-filter-panel{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.projects-filter-list{flex-direction:column;gap:.75rem;display:flex}.projects-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.projects-filter-select,.projects-filter-input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.projects-filter-select:focus,.projects-filter-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.projects-filter-input{flex:1;min-width:140px}.projects-filter-remove{color:var(--cf-error,#ef4444);cursor:pointer;background:#fef2f2;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.projects-filter-remove:hover{background:#fecaca}.projects-filter-add{background:var(--cf-white,#fff);border:1px dashed var(--cf-green,#10b981);color:var(--cf-green-dark,#059669);cursor:pointer;border-radius:.75rem;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.projects-filter-add:hover{background:var(--cf-green-pale,#d1fae5)}.projects-sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.projects-sortable-header:hover{background:var(--cf-gray-100,#f3f4f6)}.projects-header-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.projects-search-bar{margin-bottom:1rem}.projects-search-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;max-width:500px;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.projects-search-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.projects-pagination-bar{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-bottom:none;border-radius:.75rem .75rem 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.projects-page-size{align-items:center;gap:.5rem;display:flex}.projects-page-size select{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-800,#1f2937);border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem}.projects-page-info{font-weight:600}.projects-page-controls{gap:.25rem;display:flex}.projects-page-btn{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.projects-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.projects-page-btn:disabled{opacity:.5;cursor:not-allowed}.projects-action-btn.view{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.projects-action-btn.view:hover{background:#a7f3d0}._3_ygE{border-top:1px solid #e6e4e4;border-bottom:1px solid #e6e4e4;border-left:1px solid #e6e4e4;display:table}._1nBOt{list-style:none;display:table-row}._2eZzQ{opacity:1;border-right:1px solid #c4c4c4;margin-left:-2px}._WuQ0f{vertical-align:-webkit-baseline-middle;vertical-align:middle;display:table-cell}._3ZbQT{border-bottom:1px solid #e6e4e4;border-left:1px solid #e6e4e4;display:table}._34SS0{text-overflow:ellipsis;display:table-row}._34SS0:nth-of-type(2n){background-color:#f5f5f5}._3lLk3{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;display:table-cell;overflow:hidden}._nI1Xw{display:flex}._2QjE6{color:#565656;-webkit-user-select:none;user-select:none;cursor:pointer;padding:.15rem .2rem 0;font-size:.6rem}._2TfEi{-webkit-user-select:none;user-select:none;padding-left:1rem;font-size:.6rem}._3T42e{background:#fff;padding:12px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}._29NTg{color:#666;margin-bottom:6px;font-size:12px}._25P-K{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;position:absolute}._3gVAq{visibility:hidden;pointer-events:none;display:flex;position:absolute}._1eT-t{scrollbar-width:thin;flex-shrink:0;width:1rem;overflow:hidden auto}._1eT-t::-webkit-scrollbar{width:1.1rem;height:1.1rem}._1eT-t::-webkit-scrollbar-corner{background:0 0}._1eT-t::-webkit-scrollbar-thumb{background:#0003;background:var(--palette-black-alpha-20,#0003);background-clip:padding-box;border:6px solid #0000;border-radius:10px}._1eT-t::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--palette-black-alpha-30,#0000004d);background-clip:padding-box;border:4px solid #0000}._2dZTy{fill:#fff}._2dZTy:nth-child(2n){fill:#f5f5f5}._3rUKi{stroke:#ebeff2}._RuwuK{stroke:#e6e4e4}._9w8d5{text-anchor:middle;fill:#333;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}._1rLuZ{stroke:#e6e4e4}._2q1Kt{text-anchor:middle;fill:#555;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}._35nLX{fill:#fff;stroke:#e0e0e0;stroke-width:1.4px}._KxSXS{cursor:pointer;outline:none}._KxSXS:hover ._3w_5u{visibility:visible;opacity:1}._3w_5u{fill:#ddd;cursor:ew-resize;opacity:0;visibility:hidden}._31ERP{-webkit-user-select:none;user-select:none;stroke-width:0}._RRr13{cursor:pointer;outline:none}._2P2B1{-webkit-user-select:none;user-select:none}._1KJ6x{cursor:pointer;outline:none}._2RbVy{-webkit-user-select:none;user-select:none;opacity:.6}._2pZMF{-webkit-user-select:none;user-select:none}._3zRJQ{fill:#fff;text-anchor:middle;dominant-baseline:central;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:lighter}._3KcaM{fill:#555;text-anchor:start;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}._CZjuD{margin:0;padding:0;font-size:0;overflow:hidden}._2B2zv{margin:0;padding:0;overflow:hidden}._3eULf{outline:none;margin:0;padding:0;list-style:none;display:flex;position:relative}._2k9Ys{scrollbar-width:thin;max-width:100%;height:1.2rem;overflow:auto}._2k9Ys::-webkit-scrollbar{width:1.1rem;height:1.1rem}._2k9Ys::-webkit-scrollbar-corner{background:0 0}._2k9Ys::-webkit-scrollbar-thumb{background:#0003;background:var(--palette-black-alpha-20,#0003);background-clip:padding-box;border:6px solid #0000;border-radius:10px}._2k9Ys::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--palette-black-alpha-30,#0000004d);background-clip:padding-box;border:4px solid #0000}._19jgW{height:1px}.project-tasks{animation:.2s fadeIn}.project-tasks-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.project-tasks-view-toggle{background:var(--cf-gray-100,#f3f4f6);border-radius:.75rem;padding:.25rem;display:inline-flex}.project-tasks-view-btn{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s,color .2s}.project-tasks-view-btn.active{background:var(--cf-white,#fff);color:var(--cf-green,#10b981);box-shadow:0 1px 3px #0000001a}.project-tasks-add-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.project-tasks-add-btn:hover{background:var(--cf-green-dark,#059669)}.project-tasks-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.project-tasks-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.project-tasks-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.project-tasks-table-wrapper{overflow-x:auto}.project-tasks-table{border-collapse:collapse;width:100%;font-size:.9375rem}.project-tasks-table th,.project-tasks-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.project-tasks-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.project-tasks-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.project-tasks-row{background:var(--cf-white,#fff)}.project-tasks-expand{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;margin-right:.5rem;padding:.25rem .5rem;font-size:.75rem}.project-tasks-actions{gap:.5rem;display:flex}.project-tasks-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.project-tasks-action-btn.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-tasks-action-btn.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.project-tasks-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.project-tasks-action-btn.delete:hover{background:#fecaca}.project-tasks-detail-row{background:var(--cf-gray-50,#f9fafb)}.project-tasks-detail{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:.5rem 0 1rem;display:grid}.project-tasks-detail-panel{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000a}.project-tasks-detail-panel-header{background:var(--cf-gray-50,#f9fafb);border-bottom:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:700;display:flex}.project-tasks-detail-panel-body{padding:1rem}.project-tasks-detail-panel-body p{color:var(--cf-gray-700,#374151);white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.6}.project-tasks-comments{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.project-tasks-comment{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;padding:.75rem 1rem}.project-tasks-comment-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.project-tasks-comment-author{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:700}.project-tasks-comment-time{color:var(--cf-gray-500,#6b7280);font-size:.75rem}.project-tasks-comment-text{color:var(--cf-gray-700,#374151);margin:0;font-size:.9375rem}.project-tasks-comment-form{flex-direction:column;gap:.5rem;display:flex}.project-tasks-comment-form textarea{border:1px solid var(--cf-gray-200,#e5e7eb);resize:vertical;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}.project-tasks-comment-form button{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;align-self:flex-end;padding:.5rem 1rem;font-weight:700}.project-tasks-comment-form button:hover{background:var(--cf-green-dark,#059669)}.project-tasks-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.project-tasks-gantt{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1rem;overflow-x:auto}.project-tasks-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.project-tasks-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:640px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project-tasks-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 .375rem;font-size:1.25rem;font-weight:700}.task-detail-modal{max-width:720px}.project-tasks-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.project-tasks-modal-close{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.project-tasks-modal-close:hover{color:var(--cf-gray-800,#1f2937)}.project-tasks-modal-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.project-tasks-modal-assignee,.project-tasks-modal-due{color:var(--cf-gray-500,#6b7280);font-size:.8125rem}.project-tasks-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.project-tasks-field{flex-direction:column;gap:.5rem;display:flex}.project-tasks-field.full-width{grid-column:1/-1}.project-tasks-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.project-tasks-field input,.project-tasks-field select,.project-tasks-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.project-tasks-field input:focus,.project-tasks-field select:focus,.project-tasks-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.project-tasks-select .ts__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem}.project-tasks-select .ts__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.project-tasks-select .ts__placeholder{color:var(--cf-gray-400,#9ca3af)}.project-tasks-select .ts__single-value{color:var(--cf-gray-800,#1f2937)}.project-tasks-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.project-tasks-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.project-tasks-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-tasks-btn.primary:hover{background:var(--cf-green-dark,#059669)}.project-tasks-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-tasks-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.project-tasks-comment-attachments{flex-wrap:wrap;gap:.5rem;margin-top:.625rem;display:flex}.project-tasks-comment-attachment{background:var(--cf-gray-100,#f3f4f6);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;align-items:center;gap:.25rem;padding:.25rem .625rem;display:inline-flex}.project-tasks-comment-attachment-name{color:var(--cf-green,#10b981);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:180px;font-size:.8125rem;font-weight:600;overflow:hidden}.project-tasks-comment-attachment-delete{color:var(--cf-error,#ef4444);cursor:pointer;background:0 0;border:none;padding:0 .125rem;font-size:1rem;line-height:1}.project-tasks-comment-files{flex-direction:column;gap:.5rem;display:flex}.project-tasks-comment-file-list{flex-wrap:wrap;gap:.375rem;display:flex}.project-tasks-comment-file-chip{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex}.project-tasks-comment-file-chip button{color:var(--cf-error,#ef4444);cursor:pointer;background:0 0;border:none;font-size:.875rem;line-height:1}.project-tasks-comment-file-label{background:var(--cf-white,#fff);color:var(--cf-green,#10b981);border:1px dashed var(--cf-green,#10b981);cursor:pointer;border-radius:.75rem;justify-content:center;align-self:flex-start;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.project-tasks-comment-file-label:hover{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-tasks-comment-file-label input[type=file]{display:none}.project-tasks-buckets{grid-template-columns:repeat(4,minmax(240px,1fr));gap:1rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.project-tasks-bucket-column{background:var(--cf-gray-100,#f3f4f6);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;flex-direction:column;min-height:280px;padding:.75rem;transition:background .2s;display:flex}.project-tasks-bucket-column.drag-over{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981)}.project-tasks-bucket-column-header{color:var(--cf-gray-800,#1f2937);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .25rem;font-size:.875rem;font-weight:700;display:flex}.project-tasks-bucket-count{background:var(--cf-white,#fff);color:var(--cf-gray-600,#4b5563);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.project-tasks-bucket-cards{flex-direction:column;flex:1;gap:.75rem;display:flex}.project-tasks-bucket-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);cursor:grab;border-radius:.875rem;padding:.875rem;transition:box-shadow .2s,transform .15s;box-shadow:0 1px 2px #0000000a}.project-tasks-bucket-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.project-tasks-bucket-card.dragging{opacity:.5;transform:rotate(2deg)}.project-tasks-bucket-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;display:flex}.project-tasks-bucket-card-title{color:var(--cf-gray-800,#1f2937);word-break:break-word;font-size:.9375rem;font-weight:700;line-height:1.35}.project-tasks-bucket-card-actions{gap:.25rem;display:flex}.project-tasks-bucket-card-actions button{cursor:pointer;color:var(--cf-gray-500,#6b7280);background:0 0;border:none;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.project-tasks-bucket-card-actions button.edit:hover{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-tasks-bucket-card-actions button.delete:hover{color:var(--cf-error,#ef4444);background:#fef2f2}.project-tasks-bucket-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.project-tasks-bucket-card-assignee{color:var(--cf-gray-500,#6b7280);font-size:.8125rem}.project-tasks-bucket-card-due{color:var(--cf-gray-500,#6b7280);font-size:.75rem}@media (width<=700px){.project-tasks-header{flex-direction:column;align-items:flex-start;gap:1rem}.project-tasks-form,.project-tasks-detail{grid-template-columns:1fr}.project-tasks-buckets{grid-template-columns:repeat(4,minmax(220px,1fr))}}.project-production-steps{animation:.2s ppFadeIn}@keyframes ppFadeIn{0%{opacity:0}to{opacity:1}}.project-production-steps-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.project-production-steps-header h2{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.project-production-steps-add-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.project-production-steps-add-btn:hover{background:var(--cf-green-dark,#059669)}.project-production-steps-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.project-production-steps-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.project-production-steps-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.project-production-steps-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.project-production-steps-list{flex-direction:column;gap:1.25rem;display:flex}.project-production-step-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px #0000000a}.project-production-step-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.875rem;display:flex}.project-production-step-number{text-transform:uppercase;color:var(--cf-green-dark,#059669);background:var(--cf-green-pale,#d1fae5);border-radius:9999px;margin-bottom:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.project-production-step-name{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.125rem;font-weight:700}.project-production-step-actions{gap:.5rem;display:flex}.project-production-step-action{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.project-production-step-action.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-production-step-action.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.project-production-step-action.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.project-production-step-action.delete:hover{background:#fecaca}.project-production-step-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.project-production-step-meta-item{flex-direction:column;gap:.375rem;display:flex}.project-production-step-meta-label{text-transform:uppercase;color:var(--cf-gray-500,#6b7280);font-size:.75rem;font-weight:700}.project-production-step-meta-value{color:var(--cf-gray-700,#374151);font-size:.9375rem}.project-production-step-items{flex-wrap:wrap;gap:.375rem;display:flex}.project-production-step-item-chip{color:var(--cf-gray-800,#1f2937);background:var(--cf-gray-100,#f3f4f6);border-radius:9999px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.project-production-step-tasks{border-top:1px solid var(--cf-gray-200,#e5e7eb);padding-top:1rem}.project-production-step-tasks-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.project-production-step-tasks-header h4{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1rem;font-weight:700}.project-production-step-add-task{background:var(--cf-white,#fff);color:var(--cf-green,#10b981);border:1px solid var(--cf-green,#10b981);cursor:pointer;border-radius:.75rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s}.project-production-step-add-task:hover{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-production-step-empty{color:var(--cf-gray-400,#9ca3af);margin:0;font-size:.9375rem}.project-production-step-task-list{flex-direction:column;gap:.875rem;display:flex}.project-production-step-task{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;padding:1rem}.project-production-step-task-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-production-step-task-info{flex:1;min-width:0}.project-production-step-task-title-row{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.375rem;display:flex}.project-production-step-task-name{color:var(--cf-gray-800,#1f2937);font-size:1rem;font-weight:700}.project-production-step-task-final{text-transform:uppercase;color:var(--cf-white,#fff);background:var(--cf-error,#ef4444);border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.project-production-step-task-desc{color:var(--cf-gray-700,#374151);word-break:break-word;margin:0 0 .625rem;font-size:.9375rem;line-height:1.5}.project-production-step-task-tools{flex-wrap:wrap;gap:.375rem;display:flex}.project-production-step-task-format{color:var(--cf-green-dark,#059669);margin-top:.375rem;font-size:.8125rem;font-weight:600}.project-production-step-task-items{flex-wrap:wrap;gap:.375rem;margin-top:.375rem;display:flex}.project-production-step-task-item{background:var(--cf-blue-light,#dbeafe);color:var(--cf-blue-dark,#1e40af);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.project-production-steps-hint{color:var(--cf-text-muted,#6b7280);margin-top:.25rem;font-size:.8125rem;display:block}.project-production-steps-label-preview{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;margin-top:.75rem;padding:.75rem}.project-production-steps-label-preview strong{color:var(--cf-gray-800,#1f2937);margin-bottom:.5rem;font-size:.875rem;display:block}.project-production-steps-label-preview-item{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.project-production-steps-label-preview-item:last-child{border-bottom:none}.project-production-steps-label-format{color:var(--cf-green-dark,#059669);font-weight:600}.project-production-steps-label-format.missing{color:var(--cf-error,#ef4444)}.project-production-steps-quantities{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.project-production-steps-quantity-row{color:var(--cf-gray-800,#1f2937);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.project-production-steps-quantity-row input[type=number]{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.5rem;width:5rem;padding:.375rem .5rem;font-size:.875rem}.project-production-steps-quantity-row small{color:var(--cf-gray-500,#6b7280)}.project-production-step-task-tool{color:var(--cf-gray-700,#374151);background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.project-production-step-task-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.project-production-step-task-actions button,.project-production-step-upload-label{cursor:pointer;background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.project-production-step-task-actions button:hover,.project-production-step-upload-label:hover{background:var(--cf-gray-200,#e5e7eb)}.project-production-step-task-actions button.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.project-production-step-task-actions button.delete:hover{background:#fecaca}.project-production-step-upload-label{align-items:center;gap:.25rem;display:inline-flex;position:relative}.project-production-step-upload-label input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.project-production-step-task-images{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.project-production-step-task-image{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;align-items:center;gap:.25rem;padding:.25rem .625rem;display:inline-flex}.project-production-step-task-image-name{color:var(--cf-green,#10b981);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:180px;font-size:.8125rem;font-weight:600;overflow:hidden}.project-production-step-task-image-delete{color:var(--cf-error,#ef4444);cursor:pointer;background:0 0;border:none;padding:0 .125rem;font-size:1rem;line-height:1}.project-production-steps-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.project-production-steps-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:640px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project-production-steps-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.project-production-steps-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.project-production-steps-field{flex-direction:column;gap:.5rem;display:flex}.project-production-steps-field.full-width{grid-column:1/-1}.project-production-steps-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.project-production-steps-field input,.project-production-steps-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.project-production-steps-field input:focus,.project-production-steps-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.project-production-steps-select .ps__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem}.project-production-steps-select .ps__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.project-production-steps-select .ps__placeholder{color:var(--cf-gray-400,#9ca3af)}.project-production-steps-select .ps__multi-value{background:var(--cf-green-pale,#d1fae5);border-radius:.375rem}.project-production-steps-select .ps__multi-value__label{color:var(--cf-green-dark,#059669);font-weight:600}.project-production-steps-stations{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem .75rem;display:flex}.project-production-steps-stations:focus-within{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.project-production-steps-station-chip{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.875rem;font-weight:600;display:inline-flex}.project-production-steps-station-chip button{color:var(--cf-green-dark,#059669);cursor:pointer;background:0 0;border:none;font-size:.875rem;line-height:1}.project-production-steps-stations input{min-width:160px;color:var(--cf-gray-800,#1f2937);background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.9375rem}.project-production-steps-tools,.project-production-steps-radio-group{flex-wrap:wrap;gap:.75rem;display:flex}.project-production-steps-tool-checkbox,.project-production-steps-radio{color:var(--cf-gray-700,#374151);cursor:pointer;align-items:center;gap:.375rem;font-size:.9375rem;display:inline-flex}.project-production-steps-final-check{color:var(--cf-gray-800,#1f2937);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.project-production-steps-modal-actions{grid-column:1/-1;justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.project-production-steps-modal-actions button{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.project-production-steps-modal-actions button.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-production-steps-modal-actions button.primary:hover{background:var(--cf-green-dark,#059669)}.project-production-steps-modal-actions button.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-production-steps-modal-actions button.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.project-production-step-header,.project-production-step-task-main,.project-production-step-tasks-header{flex-direction:column;align-items:flex-start}.project-production-step-task-actions{justify-content:flex-start}}.project-detail-page{max-width:1200px;margin:0 auto}.project-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.project-detail-breadcrumb{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.project-detail-breadcrumb a{color:var(--cf-green,#10b981);font-weight:600;text-decoration:none}.project-detail-breadcrumb a:hover{text-decoration:underline}.project-detail-breadcrumb span:last-child{color:var(--cf-gray-800,#1f2937);font-weight:700}.project-detail-actions{gap:.75rem;display:flex}.project-detail-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.project-detail-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-detail-btn.primary:hover{background:var(--cf-green-dark,#059669)}.project-detail-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.project-detail-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.project-detail-btn.danger{color:var(--cf-error,#ef4444);background:#fef2f2}.project-detail-btn.danger:hover{background:#fecaca}.project-detail-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.project-detail-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.project-detail-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.project-detail-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.project-detail-card.read-only{background:var(--cf-gray-50,#f9fafb)}.project-detail-card.read-only input,.project-detail-card.read-only select,.project-detail-card.read-only textarea{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563);border-color:var(--cf-gray-200,#e5e7eb);cursor:default}.project-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.project-detail-title{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.5rem;font-weight:800}.project-detail-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.project-detail-field{flex-direction:column;gap:.5rem;display:flex}.project-detail-field.full-width{grid-column:1/-1}.project-detail-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.project-detail-field input,.project-detail-field select,.project-detail-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.project-detail-field input:focus,.project-detail-field select:focus,.project-detail-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.project-detail-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.project-detail-section h2{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.project-detail-chip-list{flex-wrap:wrap;gap:.5rem;display:flex}.project-detail-chip{background:var(--cf-gray-100,#f3f4f6);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.project-detail-empty{color:var(--cf-gray-400,#9ca3af);font-size:.9375rem}.project-detail-select .pds__control{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);min-height:3rem;box-shadow:none;border-radius:.75rem;padding:.25rem .5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.project-detail-select .pds__control:hover{border-color:var(--cf-green,#10b981)}.project-detail-select .pds__control--is-focused{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)}.project-detail-select .pds__control--is-disabled{background:var(--cf-gray-100,#f3f4f6);opacity:.7}.project-detail-select .pds__placeholder{color:var(--cf-gray-400,#9ca3af)}.project-detail-select .pds__single-value,.project-detail-select .pds__multi-value__label{color:var(--cf-gray-800,#1f2937)}.project-detail-select .pds__multi-value{background:var(--cf-green-pale,#d1fae5);border-radius:.5rem}.project-detail-select .pds__multi-value__remove:hover{background:var(--cf-green-light,#34d399);color:var(--cf-white,#fff)}.project-detail-select .pds__menu{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a}.project-detail-select .pds__option{color:var(--cf-gray-800,#1f2937);padding:.75rem 1rem}.project-detail-select .pds__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.project-detail-select .pds__option--is-selected{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.project-detail-select .pds__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.project-detail-select .pds__dropdown-indicator{color:var(--cf-gray-400,#9ca3af)}.project-detail-select .pds__dropdown-indicator:hover{color:var(--cf-green,#10b981)}.project-detail-files-label{color:var(--cf-gray-800,#1f2937);margin-bottom:.75rem;font-size:1rem;font-weight:700;display:block}.project-detail-file-input{align-items:center;margin-bottom:1rem;display:flex}.project-detail-file-input input[type=file]{display:none}.project-detail-file-btn{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);border:1px solid var(--cf-gray-200,#e5e7eb);cursor:pointer;border-radius:.75rem;padding:.625rem 1.25rem;font-weight:600;transition:background .2s}.project-detail-file-btn:hover{background:var(--cf-gray-200,#e5e7eb)}.project-detail-file-list{flex-direction:column;gap:.75rem;display:flex}.project-detail-file-list h4{color:var(--cf-gray-600,#4b5563);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.875rem;font-weight:700}.project-detail-file-item{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.project-detail-file-item.attached{background:var(--cf-white,#fff)}.project-detail-file-info{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.project-detail-file-name-label{color:var(--cf-gray-500,#6b7280);word-break:break-all;font-size:.75rem}.project-detail-file-name-input{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.9375rem}.project-detail-file-name-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.project-detail-file-name-title{color:var(--cf-gray-700,#374151);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.project-detail-file-name{color:var(--cf-gray-800,#1f2937);word-break:break-all;flex:1;font-size:.9375rem}.project-detail-file-remove,.project-detail-file-action{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.project-detail-file-remove{color:var(--cf-error,#ef4444);background:#fef2f2}.project-detail-file-remove:hover{background:#fecaca}.project-detail-file-actions{gap:.5rem;display:flex}.project-detail-file-action.download{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.project-detail-file-action.download:hover{background:#a7f3d0}.project-detail-file-action.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.project-detail-file-action.delete:hover{background:#fecaca}.project-detail-back{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.project-detail-back:hover{background:var(--cf-gray-200,#e5e7eb)}.project-detail-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;margin-bottom:1.5rem;display:flex}.project-detail-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;transition:color .2s,border-color .2s}.project-detail-tab:hover{color:var(--cf-green,#10b981)}.project-detail-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}@media (width<=700px){.project-detail-header{flex-direction:column;align-items:flex-start}.project-detail-actions{width:100%}.project-detail-actions button{flex:1}}.project-detail-bom-list{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-top:.75rem;padding:.75rem;display:flex}.project-detail-bom-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.project-detail-bom-item{color:var(--cf-gray-800,#1f2937);min-width:160px;font-size:.9375rem;font-weight:600}.project-detail-bom-select{flex:1;min-width:220px}.project-detail-bom-chip{color:var(--cf-green-dark,#059669);font-weight:500}@media (width<=700px){.project-detail-form-grid{grid-template-columns:1fr}.project-detail-file-item{flex-direction:column;align-items:flex-start}.project-detail-file-actions{width:100%}.project-detail-file-action{flex:1}}.general-settings h2{color:var(--cf-gray-800,#1f2937);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.settings-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;max-width:600px;padding:1.5rem}.settings-row{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.settings-row input,.settings-row select{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-gray-50,#f9fafb);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.settings-row input:read-only{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-500,#6b7280)}.user-logs h2{color:var(--cf-gray-800,#1f2937);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.user-logs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.user-logs-search{flex:1;min-width:280px}.user-logs-search-form{gap:.5rem;display:flex}.user-logs-search-input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;flex:1;min-width:0;padding:.625rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.user-logs-search-input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.user-logs-search-btn,.user-logs-clear-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.user-logs-search-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.user-logs-search-btn:hover{background:var(--cf-green-dark,#059669)}.user-logs-clear-btn{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.user-logs-clear-btn:hover{background:var(--cf-gray-200,#e5e7eb)}.user-logs-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.user-logs-pagination-size{color:var(--cf-gray-600,#4b5563);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.user-logs-pagination-size select{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);cursor:pointer;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.user-logs-info{color:var(--cf-gray-600,#4b5563);font-size:.875rem}.user-logs-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.user-logs-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.user-logs-table-wrapper{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;overflow-x:auto}.user-logs-table{border-collapse:collapse;width:100%;font-size:.875rem}.user-logs-table th,.user-logs-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);vertical-align:top;padding:.875rem 1rem}.user-logs-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);white-space:nowrap;font-weight:700}.user-logs-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.user-logs-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.user-logs-action{text-transform:uppercase;letter-spacing:.03em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.user-logs-action.create{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.user-logs-action.edit{color:#1d4ed8;background:#dbeafe}.user-logs-action.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.user-logs-action.default{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-600,#4b5563)}.user-logs-details pre{background:var(--cf-gray-100,#f3f4f6);white-space:pre-wrap;word-break:break-word;max-width:300px;color:var(--cf-gray-700,#374151);border-radius:.5rem;margin:0;padding:.5rem;font-size:.75rem;overflow-x:auto}.user-logs-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.user-logs-page-numbers{gap:.25rem;display:flex}.user-logs-page-btn{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.user-logs-page-btn:hover:not(:disabled){background:var(--cf-gray-100,#f3f4f6);border-color:var(--cf-gray-300,#d1d5db)}.user-logs-page-btn.active{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);border-color:var(--cf-green,#10b981)}.user-logs-page-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.user-logs-toolbar{flex-direction:column;align-items:stretch}.user-logs-search-form{flex-direction:column}.user-logs-controls{justify-content:space-between;width:100%}.user-logs-details pre{max-width:200px}}.lookup-manager{flex-direction:column;gap:1.5rem;display:flex}.lookup-manager-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;padding-bottom:.75rem;display:flex}.lookup-manager-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s,color .2s}.lookup-manager-tab:hover{background:var(--cf-gray-100,#f3f4f6)}.lookup-manager-tab.active{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.lookup-manager-content{flex-direction:column;gap:1.5rem;display:flex}.lookup-alert{border-radius:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.lookup-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.lookup-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.lookup-form{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.lookup-form h3{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.125rem;font-weight:700}.lookup-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.lookup-field{flex-direction:column;gap:.5rem;display:flex}.lookup-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.lookup-field input{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);background:var(--cf-white,#fff);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.lookup-field input:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.lookup-form-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.lookup-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;transition:background .2s}.lookup-btn.primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.lookup-btn.primary:hover{background:var(--cf-green-dark,#059669)}.lookup-btn.secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.lookup-btn.secondary:hover{background:var(--cf-gray-200,#e5e7eb)}.lookup-table-section{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.25rem}.lookup-table-section h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1rem;font-size:1.125rem;font-weight:700}.lookup-table-wrapper{overflow-x:auto}.lookup-table{border-collapse:collapse;width:100%;font-size:.9375rem}.lookup-table th,.lookup-table td{text-align:left;border-bottom:1px solid var(--cf-gray-200,#e5e7eb);padding:.875rem 1rem}.lookup-table th{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-50,#f9fafb);font-weight:700}.lookup-table tbody tr:hover{background:var(--cf-gray-50,#f9fafb)}.lookup-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.lookup-actions{gap:.5rem;display:flex}.lookup-action-btn{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .2s}.lookup-action-btn.edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.lookup-action-btn.edit:hover{background:var(--cf-gray-200,#e5e7eb)}.lookup-action-btn.delete{color:var(--cf-error,#ef4444);background:#fef2f2}.lookup-action-btn.delete:hover{background:#fecaca}@media (width<=700px){.lookup-manager-tabs{flex-wrap:wrap}.lookup-form-grid{grid-template-columns:1fr}}.label-formats{animation:.2s fadeIn}.label-formats-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.label-formats-header h2{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.25rem;font-weight:700}.label-formats-add-btn{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.label-formats-add-btn:hover{background:var(--cf-green-dark,#059669)}.label-formats-alert{border-radius:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.label-formats-alert.error{color:var(--cf-error,#ef4444);background:#fef2f2;border:1px solid #fecaca}.label-formats-alert.success{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border:1px solid var(--cf-green-light,#34d399)}.label-formats-empty{text-align:center;color:var(--cf-gray-400,#9ca3af);padding:2rem}.label-formats-list{flex-direction:column;gap:.75rem;display:flex}.label-format-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 1px 2px #0000000a}.label-format-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.label-format-card-header h3{color:var(--cf-gray-800,#1f2937);margin:0;font-size:1.0625rem;font-weight:700}.label-format-card-actions{gap:.5rem;display:flex}.label-format-card-actions button{cursor:pointer;border:none;border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.label-format-card-actions .edit{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.label-format-card-actions .edit:hover{background:var(--cf-gray-200,#e5e7eb)}.label-format-card-actions .delete{color:var(--cf-error,#ef4444);background:#fef2f2}.label-format-card-actions .delete:hover{background:#fecaca}.label-format-description{color:var(--cf-gray-600,#4b5563);margin:0 0 .5rem;font-size:.9375rem}.label-format-string{color:var(--cf-gray-700,#374151);background:var(--cf-gray-100,#f3f4f6);word-break:break-all;border-radius:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.label-format-example{color:var(--cf-green-dark,#059669);font-size:.8125rem;font-weight:600}.label-formats-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.label-formats-modal{background:var(--cf-white,#fff);border-radius:1rem;width:100%;max-width:700px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.label-formats-modal h3{color:var(--cf-gray-800,#1f2937);margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.label-formats-form{flex-direction:column;gap:1rem;display:flex}.label-formats-field{flex-direction:column;gap:.5rem;display:flex}.label-formats-field label{color:var(--cf-gray-800,#1f2937);font-size:.875rem;font-weight:600}.label-formats-field input,.label-formats-field textarea{border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-800,#1f2937);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.label-formats-field textarea{resize:vertical;min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.label-formats-field input:focus,.label-formats-field textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.label-formats-helpers{flex-wrap:wrap;gap:.5rem;display:flex}.label-formats-helper{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151);border:1px solid var(--cf-gray-200,#e5e7eb);cursor:pointer;border-radius:.75rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.label-formats-helper:hover{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669);border-color:var(--cf-green,#10b981)}.label-formats-preview{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.75rem;padding:1rem}.label-formats-preview h4{color:var(--cf-gray-800,#1f2937);margin:0 0 .75rem;font-size:.875rem;font-weight:700}.label-formats-preview-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.label-formats-preview-grid input{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.label-formats-preview-output{color:var(--cf-green-dark,#059669);background:var(--cf-white,#fff);border:1px dashed var(--cf-green,#10b981);word-break:break-all;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.label-formats-validate{align-items:center;gap:.5rem;display:flex}.label-formats-validate input{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.5rem;flex:1;padding:.5rem .75rem;font-size:.875rem}.label-formats-validate button{background:var(--cf-green,#10b981);color:var(--cf-white,#fff);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:700}.label-formats-validation-result{border-radius:.5rem;margin-top:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600}.label-formats-validation-result.valid{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.label-formats-validation-result.invalid{color:var(--cf-error,#ef4444);background:#fef2f2}.label-formats-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.label-formats-modal-actions button{cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700}.label-formats-modal-actions .primary{background:var(--cf-green,#10b981);color:var(--cf-white,#fff)}.label-formats-modal-actions .primary:hover{background:var(--cf-green-dark,#059669)}.label-formats-modal-actions .secondary{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-700,#374151)}.label-formats-modal-actions .secondary:hover{background:var(--cf-gray-200,#e5e7eb)}@media (width<=700px){.label-formats-header{flex-direction:column;align-items:flex-start;gap:1rem}.label-formats-preview-grid{grid-template-columns:1fr}}.settings-page{max-width:1200px;margin:0 auto}.settings-title{color:var(--cf-gray-800,#1f2937);margin:0 0 1.5rem;font-size:1.875rem;font-weight:800}.settings-tabs{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);gap:.5rem;margin-bottom:1.5rem;display:flex}.settings-tab{color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:color .2s,border-color .2s}.settings-tab:hover{color:var(--cf-gray-800,#1f2937)}.settings-tab.active{color:var(--cf-green,#10b981);border-bottom-color:var(--cf-green,#10b981)}.settings-content{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;padding:1.5rem}@media (width<=980px){.settings-tabs{flex-wrap:wrap}}.label-designer{flex-direction:column;gap:1.125rem;display:flex}.label-designer-header{border-bottom:1px solid var(--cf-gray-200,#e5e7eb);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.label-designer-heading h2{color:var(--cf-gray-800,#1f2937);letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.375rem;font-weight:800}.label-designer-heading p{color:var(--cf-gray-500,#6b7280);max-width:46ch;margin:0;font-size:.8125rem}.label-designer-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ld-btn{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.625rem;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;transition:transform .12s,box-shadow .12s,background-color .12s,border-color .12s;display:inline-flex}.ld-btn svg{flex-shrink:0}.ld-btn.ghost:hover{border-color:var(--cf-gray-300,#d1d5db);background:var(--cf-gray-50,#f9fafb);transform:translateY(-1px)}.ld-btn.primary{background:linear-gradient(135deg, var(--cf-green,#10b981), var(--cf-green-dark,#059669));border-color:var(--cf-green-dark,#059669);color:#fff;box-shadow:0 4px 10px -3px #10b98173}.ld-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px -3px #10b9818c}.ld-btn.ld-icon-only{padding:.5rem .6rem}.ld-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.ld-btn:disabled:hover{border-color:var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff)}.label-designer-alert{border-radius:.75rem;padding:.75rem .875rem;font-size:.875rem}.label-designer-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.label-designer-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.label-designer-layout{grid-template-columns:360px 1fr;align-items:start;gap:1.25rem;display:grid}.label-designer-sidebar{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:1rem;flex-direction:column;max-height:82vh;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.ld-tabs{background:var(--cf-gray-100,#f3f4f6);border-bottom:1px solid var(--cf-gray-200,#e5e7eb);flex-shrink:0;gap:.25rem;padding:.375rem;display:flex}.ld-tab{color:var(--cf-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .5rem;font-size:.8125rem;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ld-tab:not(:disabled):hover{color:var(--cf-gray-800,#1f2937)}.ld-tab.active{background:var(--cf-white,#fff);color:var(--cf-green-dark,#059669);box-shadow:0 1px 3px #0f172a1f}.ld-tab:disabled{opacity:.4;cursor:not-allowed}.ld-tab-content{flex-direction:column;gap:.9rem;padding:.9rem;display:flex;overflow-y:auto}.ld-section{border-bottom:1px solid var(--cf-gray-100,#f3f4f6);flex-direction:column;gap:.5rem;padding-bottom:.85rem;display:flex}.ld-section:last-child{border-bottom:none;padding-bottom:0}.label-designer h3{text-transform:uppercase;letter-spacing:.045em;color:var(--cf-gray-500,#6b7280);align-items:center;gap:.35rem;margin:0;font-size:.75rem;font-weight:700;display:flex}.ld-inline-icon{color:var(--cf-gray-400,#9ca3af)}.label-designer label{color:var(--cf-gray-700,#374151);flex-direction:column;gap:.35rem;min-width:0;font-size:.8125rem;font-weight:500;display:flex}.label-designer input,.label-designer select,.label-designer textarea{border:1px solid var(--cf-gray-200,#e5e7eb);width:100%;min-width:0;color:var(--cf-gray-800,#1f2937);background:#fff;border-radius:.625rem;padding:.5rem .625rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.label-designer input:focus,.label-designer select:focus,.label-designer textarea:focus{border-color:var(--cf-green,#10b981);box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5);outline:none}.label-designer textarea{resize:vertical}.label-designer .row-2{grid-template-columns:1fr 1fr;gap:.5rem;min-width:0;display:grid}.label-designer .meta{color:var(--cf-gray-500,#6b7280);margin:0;font-size:.75rem}.ld-section-collapsible{gap:0}.ld-section-toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.045em;width:100%;color:var(--cf-gray-500,#6b7280);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.75rem;font-weight:700;display:flex}.ld-section-toggle:hover{color:var(--cf-gray-800,#1f2937)}.ld-chevron{color:var(--cf-gray-400,#9ca3af);transition:transform .2s}.ld-chevron.open{transform:rotate(180deg)}.ld-section-collapsible .preset-list{margin-top:.6rem}.label-designer-sidebar button:not(.ld-tab){border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.625rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s}.ld-tab-content button:not(.ld-section-toggle):hover{border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.ld-tab-content button.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ld-tab-content button.danger:hover{color:#991b1b;border-color:#fca5a5}.preset-list,.toolbox-grid{grid-template-columns:1fr;gap:.4rem;display:grid}.toolbox-grid{grid-template-columns:1fr 1fr}.toolbox-grid button{color:var(--cf-gray-600,#4b5563);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.75rem .5rem;display:flex}.toolbox-grid button:hover{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669);transform:translateY(-1px)}.toolbox-grid button span{font-size:.75rem}.ld-paste-btn{grid-column:1/-1;flex-direction:row!important}.toolbox-grid button:disabled{opacity:.45;cursor:not-allowed}.toolbox-grid button:disabled:hover{background:var(--cf-white,#fff);border-color:var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-600,#4b5563);transform:none}.token-list{flex-wrap:wrap;gap:.4rem;display:flex}.token-list code{color:#1d4ed8;background:#eef2ff;border-radius:.4rem;padding:.2rem .45rem;font-size:.75rem}.ld-serial-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ld-serial-row .meta{flex:1}.ld-serial-status{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ld-serial-status>div{background:var(--cf-gray-50,#f9fafb);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.625rem;flex-direction:column;gap:.15rem;padding:.5rem .6rem;display:flex}.ld-serial-status span{color:var(--cf-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.ld-serial-status strong{color:var(--cf-gray-800,#1f2937);font-variant-numeric:tabular-nums;font-size:1rem}.ld-pn-history{border-top:1px dashed var(--cf-gray-200,#e5e7eb);flex-direction:column;gap:.4rem;padding-top:.5rem;display:flex}.ld-pn-list{flex-direction:column;gap:.3rem;max-height:180px;display:flex;overflow-y:auto}.ld-pn-item{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-700,#374151);border-radius:.55rem;align-items:stretch;gap:.3rem;padding:.15rem;font-size:.75rem;font-weight:600;display:flex}.ld-pn-item:hover{border-color:var(--cf-green,#10b981)}.ld-pn-item.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green-light,#34d399);color:var(--cf-green-dark,#059669)}.ld-pn-select{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.25rem .4rem;display:flex}.ld-pn-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.ld-pn-value{font-variant-numeric:tabular-nums;color:var(--cf-gray-500,#6b7280)}.ld-pn-item.active .ld-pn-value{color:var(--cf-green-dark,#059669)}.ld-pn-delete{color:var(--cf-gray-400,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex-shrink:0;align-items:center;padding:.25rem .45rem;display:flex}.ld-pn-delete:hover{color:#b91c1c;background:#fee2e2}.ld-var-list{flex-direction:column;gap:.6rem;display:flex}.ld-var-item{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-gray-50,#f9fafb);border-radius:.75rem;flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.ld-var-item-head{justify-content:space-between;align-items:center;display:flex}.ld-var-item-head code{color:#1d4ed8;background:#eef2ff;border-radius:.4rem;padding:.2rem .45rem;font-size:.75rem;font-weight:700}.ld-var-item-head button{color:var(--cf-gray-400,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.25rem;display:flex}.ld-var-item-head button:hover{color:#b91c1c;background:#fee2e2}.ld-add-var{border-top:1px dashed var(--cf-gray-200,#e5e7eb);flex-direction:column;gap:.4rem;padding-top:.4rem;display:flex}.ld-add-var button{justify-content:center;align-items:center;gap:.35rem;display:flex}.ld-batch-output{background:var(--cf-green-pale,#d1fae5);border:1px solid var(--cf-green-light,#34d399);color:var(--cf-green-dark,#059669);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.8125rem;font-weight:600;display:flex}.ld-batch-output-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ld-batch-output-actions a,.ld-batch-output-actions button{text-decoration:none}.ld-modal-overlay{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ld-modal{background:var(--cf-white,#fff);border-radius:1rem;flex-direction:column;gap:.85rem;width:100%;max-width:420px;padding:1.5rem;display:flex;box-shadow:0 25px 50px -12px #00000059}.ld-modal h3{color:var(--cf-gray-800,#1f2937);text-transform:none;letter-spacing:normal;margin:0;font-size:1.0625rem;font-weight:800}.ld-modal label{color:var(--cf-gray-700,#374151);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:500;display:flex}.ld-modal input{border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.625rem;width:100%;min-width:0;padding:.55rem .7rem;font-size:.9rem}.ld-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.ld-modal-actions button{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-white,#fff);color:var(--cf-gray-700,#374151);cursor:pointer;border-radius:.625rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:700}.ld-modal-actions button.primary{background:linear-gradient(135deg, var(--cf-green,#10b981), var(--cf-green-dark,#059669));border-color:var(--cf-green-dark,#059669);color:#fff}.ld-modal-actions button.primary:disabled{opacity:.6;cursor:not-allowed}.ld-modal-actions button.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#b91c1c}.ld-modal-actions button.danger:disabled{opacity:.5;cursor:not-allowed}.ld-modal-danger-icon{color:#dc2626;vertical-align:-2px;margin-right:.3rem}.ld-danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;gap:.75rem;padding:.75rem}.ld-danger-zone h3{color:#b91c1c}.ld-danger-zone>.meta{color:#b91c1c;opacity:.85}.ld-danger-item{border-top:1px solid #fecaca;flex-direction:column;gap:.5rem;padding-top:.6rem;display:flex}.ld-danger-zone>h3+.meta+.ld-danger-item{border-top:none;padding-top:0}.ld-danger-item-text strong{color:var(--cf-gray-800,#1f2937);font-size:.8125rem}.ld-danger-item-text .meta{margin-top:.15rem}.ld-danger-zone select{border:1px solid var(--cf-gray-200,#e5e7eb);background:#fff;border-radius:.625rem;padding:.5rem .625rem;font-size:.8125rem}.ld-danger-zone button.danger{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;border-radius:.625rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.ld-danger-zone button.danger:hover:not(:disabled){background:#fecaca;border-color:#f87171}.ld-danger-zone button.danger:disabled{opacity:.45;cursor:not-allowed}.ld-delete-template-btn{align-self:flex-start}.ld-layers{flex-direction:column;gap:.3rem;display:flex}.ld-layer-item{cursor:pointer;border:1px solid #0000;border-radius:.625rem;align-items:center;gap:.55rem;padding:.4rem .5rem;transition:background-color .12s,border-color .12s;display:flex}.ld-layer-item:hover{background:var(--cf-gray-50,#f9fafb)}.ld-layer-item.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green-light,#34d399)}.ld-layer-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ld-layer-icon svg{width:14px;height:14px}.ld-layer-label{min-width:0;color:var(--cf-gray-700,#374151);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;font-weight:600;overflow:hidden}.ld-layer-actions{opacity:0;align-items:center;gap:.15rem;transition:opacity .12s;display:flex}.ld-layer-item:hover .ld-layer-actions,.ld-layer-item.active .ld-layer-actions{opacity:1}.ld-layer-actions button{color:var(--cf-gray-400,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.25rem;display:flex}.ld-layer-actions button:hover:not(:disabled){color:var(--cf-gray-700,#374151);background:#0f172a0f}.ld-layer-actions button.danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2}.ld-layer-actions button:disabled{opacity:.3;cursor:not-allowed}.ld-properties{flex-direction:column;gap:.75rem;display:flex}.ld-empty-state{text-align:center;color:var(--cf-gray-500,#6b7280);flex-direction:column;align-items:center;gap:.65rem;padding:2.5rem 1rem;display:flex}.ld-empty-icon{width:32px;height:32px;color:var(--cf-gray-300,#d1d5db)}.ld-empty-state p{max-width:22ch;margin:0;font-size:.8125rem}.ld-empty-state .meta{max-width:26ch;margin-top:.35rem}.ld-multi-select{flex-direction:column;gap:.75rem;display:flex}.ld-multi-select-header{color:var(--cf-green-dark,#059669);align-items:flex-start;gap:.6rem;display:flex}.ld-multi-select-header strong{color:var(--cf-gray-800,#1f2937);font-size:.9rem;display:block}.ld-multi-select-header .meta{margin:.15rem 0 0}.ld-multi-select-list{flex-direction:column;gap:.3rem;max-height:220px;display:flex;overflow-y:auto}.ld-multi-select-item{border:1px solid var(--cf-gray-200,#e5e7eb);background:var(--cf-gray-50,#f9fafb);color:var(--cf-gray-700,#374151);border-radius:.55rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.8125rem;display:flex}.ld-multi-select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ld-properties-head{border-bottom:1px solid var(--cf-gray-100,#f3f4f6);justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.ld-type-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.3rem .6rem;font-size:.6875rem;font-weight:800}.ld-quick-actions{gap:.3rem;display:flex}.ld-quick-actions button{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.ld-text-style-toggles{gap:.3rem;display:flex}.ld-text-style-toggles button{justify-content:center;align-items:center;width:34px;height:32px;padding:0;font-size:.875rem;display:flex}.ld-text-style-toggles button.active{background:var(--cf-green-pale,#d1fae5);border-color:var(--cf-green,#10b981);color:var(--cf-green-dark,#059669)}.ld-delete-btn{justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.25rem;display:flex}.ld-shortcut-hint{color:var(--cf-gray-400,#9ca3af);margin:0;font-size:.6875rem;line-height:1.5}.ld-shortcut-hint kbd{color:var(--cf-gray-600,#4b5563);background:var(--cf-gray-100,#f3f4f6);border:1px solid var(--cf-gray-200,#e5e7eb);border-radius:.3rem;padding:.05rem .35rem;font-family:inherit;font-size:.65rem;font-weight:700}.label-designer-canvas-wrap{border:1px solid var(--cf-gray-200,#e5e7eb);background-color:#eef1f6;background-image:radial-gradient(circle,#d7dce4 1px,#0000 1px);background-size:18px 18px;border-radius:1rem;justify-content:center;align-items:center;min-height:82vh;padding:2.5rem 1.5rem 1.5rem;display:flex;position:relative;overflow:auto}.label-designer-canvas-frame{border-radius:2px;display:inline-block;box-shadow:0 20px 45px -12px #0f172a40,0 4px 10px -4px #0f172a1f}.ld-canvas-badge-stack{z-index:5;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.ld-canvas-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--cf-gray-200,#e5e7eb);background:#ffffffd9;border-radius:.75rem;flex-direction:column;gap:.1rem;padding:.45rem .75rem;display:flex;box-shadow:0 2px 8px #0f172a14}.ld-canvas-badge-selection{background:#2563ebeb;border-color:#1d4ed8}.ld-canvas-badge-selection strong,.ld-canvas-badge-selection span{color:#fff}.ld-canvas-badge strong{color:var(--cf-gray-800,#1f2937);white-space:nowrap;text-overflow:ellipsis;max-width:32ch;font-size:.8125rem;overflow:hidden}.ld-canvas-badge span{color:var(--cf-gray-500,#6b7280);font-variant-numeric:tabular-nums;font-size:.6875rem}.ld-canvas-toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--cf-gray-200,#e5e7eb);background:#ffffffe6;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 20px -6px #0f172a33}.ld-canvas-toolbar button{width:30px;height:30px;color:var(--cf-gray-600,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex}.ld-canvas-toolbar button:hover{background:var(--cf-gray-100,#f3f4f6);color:var(--cf-gray-800,#1f2937)}.ld-canvas-toolbar button.active{background:var(--cf-green-pale,#d1fae5);color:var(--cf-green-dark,#059669)}.ld-zoom-value{color:var(--cf-gray-600,#4b5563);text-align:center;font-variant-numeric:tabular-nums;min-width:2.6rem;font-size:.75rem;font-weight:700}.ld-toolbar-divider{background:var(--cf-gray-200,#e5e7eb);width:1px;height:18px;margin:0 .1rem}@media (width<=1150px){.label-designer-layout{grid-template-columns:1fr}.label-designer-sidebar{max-height:none}.ld-tab-content{max-height:60vh}.label-designer-canvas-wrap{min-height:60vh}}@media (width<=640px){.label-designer-header{flex-direction:column}.label-designer-header-actions{width:100%}.ld-btn{flex:1;justify-content:center}}.ld-rs__control{min-height:38px;font-size:.8125rem;border:1px solid var(--cf-gray-200,#e5e7eb)!important;box-shadow:none!important;border-radius:.625rem!important}.ld-rs__control:hover{border-color:var(--cf-green,#10b981)!important}.ld-rs__control--is-focused{border-color:var(--cf-green,#10b981)!important;box-shadow:0 0 0 3px var(--cf-green-pale,#d1fae5)!important}.ld-rs__placeholder{color:var(--cf-gray-400,#9ca3af);font-size:.8125rem}.ld-rs__single-value,.ld-rs__input-container{color:var(--cf-gray-800,#1f2937);font-size:.8125rem}.ld-rs__menu{border:1px solid var(--cf-gray-200,#e5e7eb);z-index:20;border-radius:.75rem;font-size:.8125rem;box-shadow:0 10px 15px -3px #0000001f}.ld-rs__option{color:var(--cf-gray-800,#1f2937);padding:.55rem .75rem}.ld-rs__option--is-focused{background:var(--cf-green-pale,#d1fae5)}.ld-rs__option--is-selected{background:var(--cf-green,#10b981);color:#fff}.ld-rs__indicator-separator{background:var(--cf-gray-200,#e5e7eb)}.ld-rs__dropdown-indicator,.ld-rs__clear-indicator{color:var(--cf-gray-400,#9ca3af);padding:6px}.ld-rs__dropdown-indicator:hover,.ld-rs__clear-indicator:hover{color:var(--cf-green,#10b981)}.ld-add-preset-btn,.ld-save-preset-btn{justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.ld-save-preset-btn{border-color:var(--cf-green,#10b981)!important;color:var(--cf-green-dark,#059669)!important}.ld-save-preset-btn:hover:not(:disabled){background:var(--cf-green-pale,#d1fae5)!important}.label-designer-page{width:100%}.placeholder-page{max-width:800px;margin:0 auto}.placeholder-page h1{color:var(--cf-gray-800,#1f2937);margin:0 0 .5rem;font-size:1.875rem;font-weight:800}.placeholder-page p{color:var(--cf-gray-600,#4b5563);margin:0 0 2rem}.placeholder-card{background:var(--cf-white,#fff);border:1px solid var(--cf-gray-200,#e5e7eb);color:var(--cf-gray-700,#374151);border-radius:1rem;align-items:center;gap:1rem;padding:2rem;font-size:1rem;display:flex}.placeholder-icon{font-size:2rem}