*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;font-size:16px}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;font-weight:400;transition:background-color .3s ease,color .3s ease}img,svg,video{display:block;max-width:100%;height:auto}:root{--color-bg: #ffffff;--color-text: #1f1f1f;--color-border: #d1d5db;--color-muted: #6b7280;--color-input-bg: #f9fafb;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #facc15;--color-backdrop: rgba(0, 0, 0, .4)}@media (prefers-color-scheme: dark){:root{--color-bg: #121212;--color-text: #f3f4f6;--color-border: #333;--color-muted: #9ca3af;--color-input-bg: #1e1e1e;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-danger: #f87171;--color-success: #4ade80;--color-warning: #fde047;--color-backdrop: rgba(255, 255, 255, .08)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5rem}p{margin-bottom:1rem}ul,ol{padding-left:1.5rem;margin-bottom:1rem;list-style:none}li:before{width:1em;margin-left:-1em}a{color:var(--color-primary);text-decoration:none;position:relative;transition:color .2s ease;margin:5px}a:after{content:"";display:block;opacity:.2;transition:opacity .2s}a:hover:after{opacity:.6}a:hover{color:var(--color-primary-hover)}form{display:flex;flex-direction:column;gap:1rem}input,textarea,select,button{font-family:inherit;font-size:1rem;padding:.6em .8em;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text);transition:border .2s ease,background .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-hover)}button{cursor:pointer;border:none;background-color:var(--color-primary);color:#fff;padding:.6em 1.2em;border-radius:6px;transition:background .2s ease,transform .1s ease}button:hover{background-color:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}button.outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.layout{display:flex;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}.layout__sidebar{background-color:var(--color-input-bg);border-right:1px solid var(--color-border);padding:1.5rem;flex-shrink:0;width:260px}.layout__title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.layout__menu{list-style:none;padding:0}.layout__link{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--color-text);font-weight:500;transition:background .2s ease,color .2s ease}.layout__link:hover{background-color:var(--color-border)}.layout__link.active{background-color:var(--color-primary);color:#fff}.layout__content{flex-grow:1;padding:2rem;background-color:var(--color-bg)}.container{max-width:1024px;margin:0 auto;padding:1rem}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.hidden{display:none!important}@media (max-width: 640px){.layout__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.layout{flex-direction:column}.layout__content{padding:1rem}}input:not(:focus){border:none;background:transparent;padding-left:0;font-size:1rem;font-weight:500}.profile-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.profile-form label{display:flex;flex-direction:column;font-weight:500}.profile-form input{border:1px solid var(--color-border);padding:.5rem;border-radius:6px}.profile-form button{background-color:var(--color-primary);color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.profile-form button:hover{background-color:var(--color-primary-hover)}