:root{--color-blue-900: #2C3E50;--color-green-500: #2ECC71;--color-purple-500: #9B59B6;--color-red-500: #FF6B6B;--color-yellow-500: #FFBB33;--color-bg-main: #F5F7FA;--color-bg-surface: #FFFFFF;--color-gray-900: #1A1A1A;--color-gray-700: #333333;--color-gray-500: #7F8C8D;--color-gray-300: #BDC3C7;--color-gray-200: #E0E4E8;--color-gray-100: #F8F9FA;--color-primary: var(--color-blue-900);--color-primary-hover: #1a2633;--color-primary-light: #34495e;--color-primary-contrast: #FFFFFF;--color-success: var(--color-green-500);--color-success-light: #a8e6cf;--color-success-dark: #27ae60;--color-warning: var(--color-yellow-500);--color-warning-light: #ffe5b4;--color-warning-dark: #f39c12;--color-danger: var(--color-red-500);--color-danger-light: #ffb3b3;--color-danger-dark: #e74c3c;--color-info: var(--color-purple-500);--color-info-light: #d7bde2;--color-info-dark: #8e44ad;--color-text-main: var(--color-gray-700);--color-text-muted: var(--color-gray-500);--color-text-light: var(--color-gray-300);--color-text-inverse: var(--color-bg-surface);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-dark: var(--color-gray-300);--color-bg-app: var(--color-bg-main);--color-bg-card: var(--color-bg-surface);--color-bg-hover: var(--color-gray-100);--color-bg-active: var(--color-gray-200);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--btn-primary-bg: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-hover);--btn-primary-color: var(--color-primary-contrast);--btn-primary-radius: var(--radius-md);--btn-primary-padding-x: var(--space-md);--btn-primary-padding-y: var(--space-sm);--btn-secondary-bg: transparent;--btn-secondary-bg-hover: var(--color-bg-hover);--btn-secondary-color: var(--color-primary);--btn-secondary-border: 1px solid var(--color-primary);--btn-danger-bg: var(--color-danger);--btn-danger-bg-hover: var(--color-danger-dark);--btn-danger-color: var(--color-primary-contrast);--card-bg: var(--color-bg-card);--card-radius: var(--radius-md);--card-padding: var(--space-md);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--nav-bg: var(--color-primary);--nav-color: var(--color-primary-contrast);--nav-item-hover-bg: rgba(255, 255, 255, .1);--nav-item-active-bg: rgba(255, 255, 255, .2);--nav-width: 240px;--tag-radius: var(--radius-full);--tag-padding-x: var(--space-sm);--tag-padding-y: var(--space-2xs);--tag-font-size: var(--font-size-xs);--tag-font-weight: var(--font-weight-medium);--tag-published-bg: var(--color-success);--tag-published-color: white;--tag-draft-bg: var(--color-gray-200);--tag-draft-color: var(--color-gray-700);--tag-pending-bg: var(--color-warning-light);--tag-pending-color: var(--color-warning-dark);--tag-archived-bg: var(--color-gray-300);--tag-archived-color: var(--color-gray-700);--tag-shared-bg: var(--color-info);--tag-shared-color: white;--input-bg: var(--color-bg-surface);--input-border: var(--color-border);--input-border-focus: var(--color-primary);--input-radius: var(--radius-md);--input-padding-x: var(--space-sm);--input-padding-y: var(--space-xs);--input-font-size: var(--font-size-sm);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root[data-theme=dark]{--color-bg-main: #1a1a1a;--color-bg-surface: #2d2d2d;--color-bg-card: #2d2d2d;--color-text-main: #e0e0e0;--color-text-muted: #a0a0a0;--color-text-light: #888888;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: #a5b4fc;--color-accent: #a78bfa;--color-border: #404040;--color-border-light: #333333;--color-border-dark: #505050;--color-bg-hover: #353535;--color-bg-active: #404040;--color-bg-app: #1a1a1a}:root[data-theme=girly]{--color-bg-main: #fff5f7;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #4a4a4a;--color-text-muted: #8a8a8a;--color-text-light: #b0b0b0;--color-primary: #ffb6c1;--color-primary-hover: #ff9eae;--color-primary-light: #ffd6dd;--color-accent: #dda0dd;--color-border: #ffd6dd;--color-border-light: #ffe6eb;--color-border-dark: #ffc0cb;--color-bg-hover: #ffebf0;--color-bg-active: #ffd6dd;--color-bg-app: #fff5f7;--radius-md: 16px}:root[data-theme=ladies]{--color-bg-main: #faf8f6;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #3a3a3a;--color-text-muted: #7a7a7a;--color-text-light: #b0b0b0;--color-primary: #8b4567;--color-primary-hover: #6d3450;--color-primary-light: #a8637d;--color-accent: #d4af37;--color-border: #e8ddd0;--color-border-light: #f0e8dc;--color-border-dark: #d8c8b0;--color-bg-hover: #f5f0e8;--color-bg-active: #e8ddd0;--color-bg-app: #faf8f6}:root[data-theme=superman]{--color-bg-main: #f0f4ff;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #1a1a1a;--color-text-muted: #5a5a5a;--color-text-light: #8a8a8a;--color-primary: #0047ab;--color-primary-hover: #003580;--color-primary-light: #3366cc;--color-accent: #dc143c;--color-success: #ffd700;--color-border: #ccd9ff;--color-border-light: #e0e8ff;--color-border-dark: #b3c4f0;--color-bg-hover: #e5ebff;--color-bg-active: #ccd9ff;--color-bg-app: #f0f4ff}:root[data-theme=acidule]{--color-bg-main: #0a0a0a;--color-bg-surface: #1a1a1a;--color-bg-card: #1a1a1a;--color-text-main: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-light: #909090;--color-primary: #00ff88;--color-primary-hover: #00cc6e;--color-primary-light: #33ffaa;--color-accent: #ff006e;--color-success: #00d9ff;--color-border: #2a2a2a;--color-border-light: #1f1f1f;--color-border-dark: #3a3a3a;--color-bg-hover: #252525;--color-bg-active: #303030;--color-bg-app: #0a0a0a}:root[data-theme=business]{--color-bg-main: #f8f9fa;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #212529;--color-text-muted: #6c757d;--color-text-light: #adb5bd;--color-primary: #1e3a5f;--color-primary-hover: #152b47;--color-primary-light: #2d5078;--color-accent: #6c757d;--color-success: #495057;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-border-dark: #ced4da;--color-bg-hover: #f1f3f5;--color-bg-active: #e9ecef;--color-bg-app: #f8f9fa}:root[data-theme=nature]{--color-bg-main: #f5f7f0;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #2d3e2d;--color-text-muted: #5a6b5a;--color-text-light: #8a9b8a;--color-primary: #4a7c59;--color-primary-hover: #3a6347;--color-primary-light: #5d9670;--color-accent: #8b7355;--color-success: #6b8e23;--color-border: #d8e3d0;--color-border-light: #e5f0dd;--color-border-dark: #c5d8b8;--color-bg-hover: #edf5e8;--color-bg-active: #d8e3d0;--color-bg-app: #f5f7f0}:root[data-theme=ocean]{--color-bg-main: #f0f8ff;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-text-main: #1a3a52;--color-text-muted: #4a6a7c;--color-text-light: #7a9aac;--color-primary: #006994;--color-primary-hover: #005075;--color-primary-light: #3385ad;--color-accent: #20b2aa;--color-success: #4682b4;--color-border: #cce5f0;--color-border-light: #e0f0f8;--color-border-dark: #b3d9e8;--color-bg-hover: #e5f4ff;--color-bg-active: #cce5f0;--color-bg-app: #f0f8ff}:root{transition:background-color .3s ease,color .3s ease}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg-main: #1a1a1a;--color-bg-surface: #2d2d2d;--color-text-main: #e4e4e4;--color-text-muted: #a0a0a0;--color-border: #404040;--color-bg-hover: #353535;--color-bg-active: #404040}}*{box-sizing:border-box}:root{font-family:var(--font-family-sans);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);font-size:16px;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-app);color:var(--color-text-main)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-main);margin:0 0 var(--space-md) 0}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-main);margin:0 0 var(--space-sm) 0}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-main);margin:0 0 var(--space-xs) 0}p{margin:0 0 var(--space-md) 0;line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);padding:var(--btn-primary-padding-y) var(--btn-primary-padding-x);border-radius:var(--btn-primary-radius);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-color);padding:var(--btn-primary-padding-y) var(--btn-primary-padding-x);border-radius:var(--btn-primary-radius);border:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.btn-danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-color);padding:var(--btn-primary-padding-y) var(--btn-primary-padding-x);border-radius:var(--btn-primary-radius)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-bg-hover)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:var(--input-font-size);padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--input-radius);background-color:var(--input-bg);color:var(--color-text-main);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #2c3e501a}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.card{background-color:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--card-shadow-hover)}.tag{display:inline-flex;align-items:center;padding:var(--tag-padding-y) var(--tag-padding-x);border-radius:var(--tag-radius);font-size:var(--tag-font-size);font-weight:var(--tag-font-weight);line-height:1;white-space:nowrap}.tag-published{background-color:var(--tag-published-bg);color:var(--tag-published-color)}.tag-draft{background-color:var(--tag-draft-bg);color:var(--tag-draft-color)}.tag-pending{background-color:var(--tag-pending-bg);color:var(--tag-pending-color)}.tag-archived{background-color:var(--tag-archived-bg);color:var(--tag-archived-color)}.tag-shared{background-color:var(--tag-shared-bg);color:var(--tag-shared-color)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slideIn{animation:slideIn .3s ease-out}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .8s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .6s ease-out}@media(max-width:768px){.document-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:var(--space-sm)!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}