@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:hsl(262,83%,58%);--color-primary-light:hsl(262,83%,68%);--color-primary-dark:hsl(262,83%,48%);--color-secondary:hsl(195,92%,56%);--color-secondary-light:hsl(195,92%,66%);--color-success:hsl(142,71%,45%);--color-warning:hsl(38,92%,50%);--color-error:hsl(0,84%,60%);--color-bg-primary:hsl(240,21%,15%);--color-bg-secondary:hsl(240,17%,20%);--color-bg-tertiary:hsl(240,15%,25%);--color-text-primary:hsl(0,0%,98%);--color-text-secondary:hsl(0,0%,75%);--color-text-muted:hsl(0,0%,55%);--color-border:hsl(240,15%,30%);--color-border-light:hsl(240,15%,35%);--glass-bg:hsla(240,17%,20%,0.7);--glass-border:hsla(0,0%,100%,0.1);--nav-width:260px;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--shadow-glow:0 0 20px rgba(124,58,237,0.3);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;min-width:0;max-width:100%;margin-left:var(--nav-width);padding:var(--spacing-2xl);overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;box-shadow:0 4px 12px rgba(124,58,237,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.4)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.btn-success{background:linear-gradient(135deg,var(--color-success),hsl(142,71%,55%));color:white}.btn-icon{padding:var(--spacing-sm);aspect-ratio:1}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.input::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:rgba(124,58,237,.2);color:var(--color-primary-light)}.badge-success{background:rgba(34,197,94,.2);color:var(--color-success)}.badge-error{background:rgba(239,68,68,.2);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background:var(--color-bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}th{text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}td,th{padding:var(--spacing-md)}td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-bg-secondary)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.app-shell{flex-direction:column}.app-main{width:100%;max-width:100%;margin-left:0;padding:var(--spacing-lg)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.cl-nav{position:fixed;left:0;top:0;bottom:0;width:var(--nav-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-xl);z-index:100;overflow:hidden;transition:width var(--transition-base),padding var(--transition-base)}.cl-nav-edge-toggle{position:absolute;top:88px;right:var(--spacing-md);z-index:3;width:36px;height:36px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;line-height:1;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.cl-nav-edge-toggle:hover{background:var(--color-primary);border-color:var(--color-primary-light);color:white}.cl-nav-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.cl-nav-collapse-btn{display:none;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.cl-nav-collapse-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-light)}.cl-nav-logo-compact{display:none}.cl-nav-logo{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);min-width:0;padding-right:48px}.cl-nav-logo,.cl-nav-logo-icon{display:flex;align-items:center;flex-shrink:0}.cl-nav-logo-icon{font-size:var(--text-3xl);width:48px;height:48px;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.cl-nav-logo-text{font-size:var(--text-xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-right:2px}.cl-nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:all var(--transition-base);position:relative;overflow:hidden}.cl-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-base)}.cl-nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.cl-nav-link--active{background:linear-gradient(90deg,rgba(124,58,237,.15),transparent);color:var(--color-primary-light)}.cl-nav-link--active:before{transform:scaleY(1)}.cl-nav-icon{font-size:var(--text-xl);width:24px;text-align:center;flex-shrink:0}.cl-nav-label{font-size:var(--text-base);white-space:nowrap}.cl-nav-footer{margin-top:auto;flex-shrink:0;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.cl-nav-user-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.cl-nav-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);color:white}.cl-nav-user-details{flex:1 1}.cl-nav-user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.cl-nav-user-role{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.cl-nav-logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:left;transition:all var(--transition-base)}.cl-nav-logout-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:#f87171}.cl-nav-logout-icon{flex-shrink:0}.cl-nav--collapsed{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.cl-nav--collapsed .cl-nav-topbar{justify-content:center}.cl-nav--collapsed .cl-nav-logo{display:none}.cl-nav--collapsed .cl-nav-logo-compact{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.cl-nav--collapsed .cl-nav-collapse-btn{position:absolute;top:var(--spacing-xl);right:var(--spacing-sm)}.cl-nav--collapsed .cl-nav-edge-toggle{top:88px;right:50%;transform:translateX(50%)}.cl-nav--collapsed .cl-nav-link{justify-content:center;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.cl-nav--collapsed .cl-nav-label,.cl-nav--collapsed .cl-nav-logout-label,.cl-nav--collapsed .cl-nav-user-details{display:none}.cl-nav--collapsed .cl-nav-logout-btn,.cl-nav--collapsed .cl-nav-user-info{justify-content:center}.documents-page-layout{display:flex;min-height:100vh}.documents-page-main{flex:1 1;min-width:0;max-width:calc(100vw - var(--nav-width));margin-left:var(--nav-width);padding:var(--spacing-2xl);animation:fadeIn .3s ease-out}.documents-page-header{margin-bottom:var(--spacing-2xl);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.documents-page-title{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.documents-page-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary)}.documents-page-view-toggle{display:flex;gap:var(--spacing-sm);background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.documents-page-toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.documents-page-toggle-btn:hover{color:var(--color-text-primary)}.documents-page-toggle-btn--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;box-shadow:0 2px 8px rgba(124,58,237,.3)}.documents-page-content{min-height:360px}.documents-page-main-content{width:100%;min-width:0}.documents-page-property-selector{margin-bottom:var(--spacing-xl)}.documents-page-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-2xl)}.documents-page-empty-icon{font-size:6rem;margin-bottom:var(--spacing-lg);opacity:.5}.documents-page-empty-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.documents-page-empty-text{font-size:var(--text-base);color:var(--color-text-secondary);max-width:400px}.document-workflow-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.document-status-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid var(--color-border-light);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;line-height:1.2;white-space:nowrap}.document-status-badge[data-workflow-status=signed]{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.14);color:#86efac}.document-status-badge[data-workflow-status=awaiting_signature]{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.14);color:#fcd34d}.document-status-badge[data-workflow-status=ready_to_send]{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.16);color:#c4b5fd}.document-status-badge[data-workflow-status=in_review]{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.13);color:#7dd3fc}.document-status-badge[data-workflow-status=archived]{opacity:.75}.document-status-date{color:var(--color-text-muted);font-size:var(--text-xs)}.documents-property-groups{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.documents-property-selector-row{display:flex;align-items:flex-end;gap:var(--spacing-md)}.documents-property-select-field{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.documents-property-create-form label,.documents-property-select-field label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:700}.documents-property-select-field select{width:100%;min-height:46px;padding:0 var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-weight:600;cursor:pointer}.documents-property-select-field select:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.documents-property-select-field select:disabled{cursor:not-allowed;color:var(--color-text-muted)}.documents-property-add-btn{min-height:46px;white-space:nowrap}.documents-property-add-btn span{font-size:var(--text-lg);line-height:1}.documents-property-error{margin-top:var(--spacing-sm);color:var(--color-error);font-size:var(--text-sm)}.documents-property-create-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;grid-gap:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:fadeIn .2s ease-out}.documents-property-create-form label{grid-column:1/-1}.documents-property-create-form .input{min-height:44px}.documents-property-create-actions{display:flex;gap:var(--spacing-sm)}@media (max-width:1024px){.documents-page-header{flex-direction:column}}@media (max-width:768px){.cl-nav{width:100%;position:relative;border-right:none;border-bottom:1px solid var(--color-border)}.cl-nav-list{flex-direction:row;overflow-x:auto}.cl-nav-label{display:none}.cl-nav-link{min-width:52px;justify-content:center;padding:var(--spacing-md)}.cl-nav-topbar{align-items:center}.cl-nav-collapse-btn,.cl-nav-edge-toggle,.cl-nav-logo-compact{display:none}.documents-page-layout{flex-direction:column}.documents-page-main{margin-left:0;width:100%;max-width:100vw;padding:var(--spacing-lg)}.documents-page-title{font-size:var(--text-2xl)}.documents-page-header{margin-bottom:var(--spacing-xl)}.documents-page-view-toggle{width:100%;overflow-x:auto}.documents-page-toggle-btn{flex:1 0 auto;min-height:44px}.documents-property-create-form,.documents-property-selector-row{display:flex;flex-direction:column;align-items:stretch}.documents-property-add-btn,.documents-property-create-actions,.documents-property-create-actions .btn{width:100%}}