.layout{display:flex;min-height:100vh}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:var(--bg-sidebar);color:var(--text-sidebar);border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:18px;box-shadow:0 4px 12px var(--shadow-light);transition:all .3s ease}.sidebar-toggle:hover{transform:scale(1.05)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background-color:var(--bg-sidebar);color:var(--text-sidebar);overflow-y:auto;transition:transform .3s ease;z-index:1000;box-shadow:2px 0 10px var(--shadow-light)}.sidebar-header{padding:24px 20px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.sidebar-close{display:none;background:none;border:none;color:var(--text-sidebar);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.sidebar-close:hover{background-color:var(--shadow-light)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0}.sidebar-nav a{display:block;padding:16px 20px;text-decoration:none;color:var(--text-sidebar);transition:all .2s ease;border-left:3px solid transparent;position:relative}.sidebar-nav a:hover{background-color:var(--shadow-light);border-left-color:var(--text-sidebar);color:var(--text-title);transform:translate(4px)}.sidebar-nav a:active{background-color:var(--text-title);color:var(--bg-sidebar)}.sidebar-nav a.active{background-color:var(--text-title);color:var(--bg-sidebar);border-left-color:var(--text-title)}.sidebar-nav a.active:hover{background-color:var(--text-title);transform:none}.content{margin-left:240px;flex:1;background-color:var(--bg-main);min-height:100vh;overflow:auto;transition:background-color .3s ease}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}@media (max-width: 768px){.sidebar-toggle{display:block}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close,.sidebar-overlay{display:block}.content{margin-left:0;padding-top:80px}.container{padding:20px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--bg-sidebar)}.sidebar::-webkit-scrollbar-thumb{background:var(--text-sidebar);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-title)}:root{--bg-main: #f4f6f8;--text-regular: #6a5d57;--text-title: #752c35;--bg-sidebar: #e2dbd5;--text-sidebar: #8f7f76;--white: #ffffff;--border-light: #e2e8f0;--shadow-light: rgba(0, 0, 0, .1);--accent-blue: #3b82f6;--accent-blue-dark: #1e40af}[data-theme=dark]{--bg-main: #2f2f2f;--text-regular: #c8b4b2;--text-title: #e7dcd2;--bg-sidebar: #442f35;--text-sidebar: #d4c6c4;--white: #1a1a1a;--border-light: #4a4a4a;--shadow-light: rgba(0, 0, 0, .3);--accent-blue: #60a5fa;--accent-blue-dark: #3b82f6}*{font-family:Trebuchet MS,Trebuchet,Arial,sans-serif}.theme-loading *{transition:none!important}h1,h2,h3,h4,h5,h6{color:var(--text-title);transition:color .3s ease}main{background-color:var(--bg-main);transition:background-color .3s ease}.card,.collection-card,.category-card{background-color:var(--white);border-color:var(--border-light);transition:background-color .3s ease,border-color .3s ease}button{transition:background-color .3s ease,color .3s ease}input,select,textarea{background-color:var(--white);color:var(--text-regular);border-color:var(--border-light);transition:background-color .3s ease,color .3s ease,border-color .3s ease}a{color:var(--accent-blue);transition:color .3s ease}a:hover{color:var(--accent-blue-dark)}.theme-loaded *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Trebuchet MS,Trebuchet,Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-regular);transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-title);margin-bottom:16px;transition:color .3s ease}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{margin-bottom:16px;line-height:1.6;color:var(--text-regular);transition:color .3s ease}a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-blue-dark);text-decoration:underline}button{font-family:Trebuchet MS,Trebuchet,Arial,sans-serif;cursor:pointer;transition:all .3s ease}input,select,textarea{font-family:Trebuchet MS,Trebuchet,Arial,sans-serif;background-color:var(--white);color:var(--text-regular);border:1px solid var(--border-light);border-radius:6px;padding:8px 12px;transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}ul,ol{margin-bottom:16px;padding-left:24px}li{margin-bottom:8px;color:var(--text-regular);transition:color .3s ease}table{width:100%;border-collapse:collapse;margin-bottom:16px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-light);color:var(--text-regular);transition:color .3s ease,border-color .3s ease}th{background-color:var(--bg-sidebar);color:var(--text-sidebar);font-weight:600}section{margin-bottom:32px}.card{background-color:var(--white);border:1px solid var(--border-light);border-radius:12px;padding:24px;margin-bottom:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 25px var(--shadow-light);transform:translateY(-2px)}.grid{display:grid;gap:24px}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.card{padding:16px}}