*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #F5F5F2;--color-surface: #FFFFFF;--color-surface-alt: #F0F0EC;--color-surface-hover: #F8F8F5;--color-border: #E0E0D8;--color-border-strong: #C8C8C0;--color-text: #18181A;--color-text-secondary: #52524E;--color-text-muted: #8A8A82;--color-primary: #3D5A73;--color-primary-dark: #2C4255;--color-primary-mid: #6B8CA3;--color-primary-light: #E8EEF3;--color-primary-xlight: #F4F7FA;--color-accent: #8B2635;--color-accent-light: #F5E8EA;--color-success: #2D6A4F;--color-success-light: #D8EDDF;--color-success-mid: #52A878;--color-warning: #7D5A1E;--color-warning-light: #FDF3DC;--color-danger: #8B2635;--color-danger-light: #F5E8EA;--color-neutral: #4A4A44;--color-neutral-light: #EAEAE6;--radius-xs: 3px;--radius-sm: 7px;--radius: 11px;--radius-lg: 16px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 3px 12px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);--shadow-md: 0 6px 24px rgba(0,0,0,.11), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 12px 48px rgba(0,0,0,.14), 0 3px 10px rgba(0,0,0,.07);--font-serif: "Lora", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--transition: .16s ease}html,body{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.3}button{font-family:var(--font-sans);cursor:pointer}input,textarea,select{font-family:var(--font-sans)}a{color:var(--color-primary);text-decoration:none}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:24px 32px;overflow-y:auto;background:var(--color-bg);min-width:0}@media (max-width: 1024px){.main-content{padding:20px 16px}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%!important;height:auto;position:static}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #3d5a7340}.btn-primary:not(:disabled):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 2px 6px #3d5a734d;transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 1px 3px #8b263538}.btn-accent:not(:disabled):hover{background:#6e1e2a;border-color:#6e1e2a;transform:translateY(-1px)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 1px 3px #2d6a4f38}.btn-success:not(:disabled):hover{background:#1d4f38;box-shadow:0 2px 6px #2d6a4f4d;transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:not(:disabled):hover{background:#921f2b;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:not(:disabled):hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:not(:disabled):hover{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border-strong)}.btn-neutral{background:var(--color-neutral-light);color:var(--color-neutral);border-color:var(--color-border)}.btn-neutral:not(:disabled):hover{background:#d4e8e0;color:var(--color-text)}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-lg{padding:12px 26px;font-size:15px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-group label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.form-control{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3d5a731a}.form-control::placeholder{color:var(--color-text-muted)}textarea.form-control{resize:vertical;min-height:90px}.page-header{margin-bottom:32px}.page-header h1{font-size:26px;color:var(--color-text);letter-spacing:-.02em}.page-header p{color:var(--color-text-muted);margin-top:5px;font-size:14px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:18px;border:1px solid transparent}.alert-error{background:var(--color-danger-light);color:var(--color-danger);border-color:#f0b0b6}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-border-strong)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px;color:var(--color-text-muted);text-align:center;gap:10px}.empty-state-icon{width:56px;height:56px;background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:4px;color:var(--color-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:64px;color:var(--color-text-muted);font-size:14px;gap:10px}.loading:before{content:"";width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;border-top:1px solid var(--color-border);margin:22px 0}.section-title{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.import-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.import-form-grid{grid-template-columns:1fr}}.sidebar-toggle{display:none;position:fixed;top:14px;left:14px;z-index:1001;width:42px;height:42px;background:#2c4255;border:none;border-radius:10px;color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000047;transition:background .16s;flex-shrink:0}.sidebar-toggle:hover{background:#1e2e3d}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (max-width: 768px){.sidebar-toggle{display:flex}aside.sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:260px!important;transform:translate(-100%)!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;z-index:1000;min-height:100vh!important}aside.sidebar.sidebar--open{transform:translate(0)!important;box-shadow:4px 0 28px #00000059!important}.app-layout{flex-direction:column}.main-content{padding-top:70px!important;padding-left:16px!important;padding-right:16px!important}}@media (max-width: 520px){.main-content h1{font-size:20px!important}}@media (max-width: 480px){.main-content{padding-left:12px!important;padding-right:12px!important}}@media (max-width: 600px){[style*="position: fixed"][style*=inset]>div,[style*="position: fixed"][style*="inset: 0"]>div{border-radius:10px!important}}@media (max-width: 580px){.canvas-row{flex-direction:column!important}.canvas-row>div{width:100%!important;flex:none!important}}