:root{--bg:#f4efe8;--bg-soft:#fbf8f4;--sidebar:#201a17;--sidebar-2:#2b231f;--line:#d9cfc4;--text:#2d241f;--text-soft:#6c5b4f;--white:#fff;--accent:#b7793b;--accent-strong:#8f5c2d;--accent-soft:#e7d4bf;--danger-soft:#f3ddd6;--warning-soft:#f4ead2;--info-soft:#dfe8eb;--success-soft:#dde7dc;--shadow:0 18px 40px #2d241f14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}.app-shell{background:radial-gradient(circle at 100% 0,#b7793b14,#0000 22%),linear-gradient(#f8f4ef 0%,#f2ece4 100%);grid-template-columns:300px 1fr;min-height:100vh;display:grid}.app-sidebar{background:linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-2) 100%);color:var(--white);border-right:1px solid #ffffff0f;padding:28px 22px}.app-brand{align-items:center;gap:14px;margin-bottom:34px;display:flex}.app-brand-mark{color:#fff;background:linear-gradient(#c98949 0%,#a86f39 100%);border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:grid;box-shadow:0 10px 24px #0000002e}.app-brand-title,.app-brand-subtitle{letter-spacing:.01em;font-size:18px;font-weight:800;line-height:1.05}.app-brand-subtitle{color:#e2b27e}.app-nav{flex-direction:column;gap:10px;display:flex}.app-nav-item{color:#ffffffdb;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:15px 16px;font-size:16px;font-weight:700;transition:all .2s}.app-nav-item:hover{background:#ffffff0f}.app-nav-item.active{color:#fff;background:#c989492e;border-color:#e2b27e57}.app-main{padding:30px 32px 40px}.app-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.app-page-title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:26px;font-weight:800;line-height:.95}.app-page-subtitle{color:var(--text-soft);margin:12px 0 0;font-size:18px}.app-header-actions{gap:12px;display:flex}.app-header-button{border:1px solid var(--line);color:var(--text);cursor:pointer;box-shadow:var(--shadow);background:#ffffffb8;border-radius:14px;padding:13px 18px;font-size:15px;font-weight:700}.app-content{min-height:400px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-card{min-height:180px;box-shadow:var(--shadow);border:1px solid #2d241f0f;border-radius:24px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.dashboard-card-primary{background:linear-gradient(#fffdfa 0%,#f6ede2 100%)}.dashboard-card-orange{background:linear-gradient(#fffaf3 0%,#f3e1cb 100%)}.dashboard-card-blue{background:linear-gradient(#f8fbfc 0%,#dde8ec 100%)}.dashboard-card-dark{background:linear-gradient(#f6f4f1 0%,#e9e1d8 100%)}.dashboard-card-label{color:var(--text-soft);font-size:15px;font-weight:700}.dashboard-card-value{color:var(--text);font-size:24px;font-weight:800;line-height:1}.dashboard-card-note{color:var(--text-soft);font-size:15px}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #ffffff0f;border-right:0}.app-header{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}