:root{--color-primary: #D3AF37;--color-primary-hover: #b89630;--color-secondary: #e0e0e0;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #10b981;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-color: #f5f5f5;--text-color: #222;--card-bg: #fff;--border-color: #ddd}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #e0e0e0;--card-bg: #272420;--border-color: #5a4e42}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}main{max-width:1200px;margin:0 auto;padding:20px}nav{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;transition:background-color .3s,border-color .3s}nav h1{font-size:24px;color:var(--color-primary);margin:0}nav div{display:flex;gap:20px}nav a{color:var(--text-color);text-decoration:none;transition:color .2s;font-size:14px;opacity:.7}nav a:hover{color:var(--color-primary);opacity:1}.container{background:var(--card-bg);border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s}h1{font-size:32px;margin-bottom:10px;color:var(--color-primary)}h2{font-size:28px;margin-bottom:20px;color:var(--text-color);transition:color .3s}h3{font-size:20px;margin-bottom:15px;color:var(--text-color);transition:color .3s}h4{font-size:16px;margin-bottom:10px;color:var(--text-color);transition:color .3s}p{margin-bottom:15px;color:var(--text-color);transition:color .3s}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:14px;transition:color .3s}input,textarea,select{width:100%;padding:10px 12px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:14px;transition:border-color .2s,background-color .3s,color .3s;background-color:var(--bg-color);color:var(--text-color)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d3af3726}textarea{resize:vertical;min-height:100px}button{background-color:var(--color-primary);color:#1a1a1a;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;font-family:inherit}button:hover{background-color:var(--color-primary-hover)}button:active{transform:scale(.98)}button.primary{background-color:var(--color-primary);color:#1a1a1a}button.primary:hover{background-color:var(--color-primary-hover)}button.danger{background-color:var(--color-danger);color:#fff}button.danger:hover{background-color:var(--color-danger-hover)}button.secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}button.secondary:hover{background-color:var(--card-bg);border-color:var(--color-primary)}button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:15px 20px;margin-bottom:20px;border-radius:4px;border-left:4px solid;font-size:14px}.alert.error{background-color:#ef44441a;color:#dc2626;border-color:var(--color-danger)}[data-theme=dark] .alert.error{background-color:#ef444426;color:#f87171}.alert.success{background-color:#10b9811a;color:#059669;border-color:var(--color-success)}[data-theme=dark] .alert.success{background-color:#10b98126;color:#34d399}.alert.info{background-color:#d3af371a;color:#b89630;border-color:var(--color-primary)}[data-theme=dark] .alert.info{background-color:#d3af3726;color:var(--color-primary)}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-color);transition:color .3s,border-color .3s}th{background-color:var(--card-bg);font-weight:600;color:var(--text-color);transition:background-color .3s,color .3s;border:1px solid var(--border-color)}tr:hover{background-color:#0000000d}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}.text-center{text-align:center}.text-right{text-align:right}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}@media(max-width:768px){nav{flex-direction:column;gap:15px}nav div{flex-direction:column;gap:10px;width:100%}nav a{padding:8px 0}.container{padding:20px}main{padding:10px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}input,textarea,select,button{width:100%}}