:root{--bg-body:#f8f9fa;--bg-surface:#fff;--bg-surface-hover:#f1f3f5;--bg-header:#ffffffd9;--bg-sidebar:#fffffff2;--text-primary:#212529;--text-secondary:#868e96;--border-color:#dee2e6;--primary-color:#339af0;--primary-color-hover:#228be6;--active-bg:#e7f5ff;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--header-height:60px;--sidebar-width:250px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}[data-theme=dark]{--bg-body:#1a1b1e;--bg-surface:#25262b;--bg-surface-hover:#2c2e33;--bg-header:#25262bd9;--bg-sidebar:#25262bf2;--text-primary:#c1c2c5;--text-secondary:#909296;--border-color:#373a40;--primary-color:#339af0;--primary-color-hover:#4dabf7;--active-bg:#339af026;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px -1px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.glass{-webkit-backdrop-filter:blur(10px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{height:100vh;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;transition:transform .3s;display:flex}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-header{height:var(--header-height);background-color:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:5;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.app-content{flex:1;padding:24px;overflow-y:auto}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-color-hover)}.btn-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background-color:var(--bg-surface-hover)}.input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-surface);width:100%;color:var(--text-primary);padding:10px 12px;font-family:inherit;transition:border-color .2s}.input:focus{border-color:var(--primary-color);outline:none}