:root{--page-bg: #f8fbff;--page-panel: #ffffff;--page-border: #dbe4f0;--page-border-soft: #e5edf6;--page-text: #0f172a;--page-text-muted: #64748b;--page-primary: #2563eb;--page-primary-soft: #eff6ff;--page-primary-border: #93c5fd;--page-accent: #d97706;--font-heading: "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{background:var(--page-bg);color:var(--page-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url(/icon/background/20260318-195728.png);background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.08;pointer-events:none;z-index:-1}body.is-embedded:before{display:none}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;color:var(--page-text)}.layout-container{display:flex;height:100vh;overflow:hidden}.glass-sidebar{width:280px;height:100%;background:var(--page-panel);border-right:1px solid var(--page-border);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--page-border)}.logo{font-size:1.4rem;color:var(--page-text)}.sidebar-nav{flex:1;overflow-y:auto}.nav-category{font-size:.75rem;color:var(--page-text-muted);letter-spacing:1px;text-transform:uppercase;margin:1.5rem 0 .5rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--page-text-muted);border-radius:10px;margin-bottom:.25rem;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .2s;border:1px solid transparent}.nav-item:hover{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border)}.nav-item.active{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border);font-weight:500}.sidebar-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--page-border)}.btn-outline{background:#fff;border:1px solid var(--page-border);color:var(--page-text-muted);padding:.6rem 1rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;width:100%;text-align:center}.btn-outline:hover{background:var(--page-primary-soft);color:var(--page-primary);border-color:var(--page-primary-border)}.content-area{flex:1;height:100%;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column}.op-embedded-content{padding:1rem 1.5rem 1.5rem}.content-header{margin-bottom:1rem;flex-shrink:0}.breadcrumb{font-size:.85rem;color:var(--page-text-muted)}.breadcrumb .active-page{color:var(--page-primary);margin-left:.5rem}.btn-primary{background:var(--page-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--page-border);padding:.75rem;text-align:left;font-size:.85rem}th{background:var(--page-primary-soft);color:var(--page-primary);font-weight:600}tr:hover{background:var(--page-primary-soft)}input[type=text],input[type=password],input[type=email],textarea,select{background:#fff;border:1px solid var(--page-border);color:var(--page-text);padding:.6rem .9rem;border-radius:10px;font-size:.9rem;outline:none;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--page-primary-border);box-shadow:0 0 0 3px #2563eb1a}.card{background:var(--page-panel);border:1px solid var(--page-border);border-radius:14px;padding:1.25rem}.card-accent{border-left:4px solid var(--page-primary)}.card-accent-warn{border-left:4px solid var(--page-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--page-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--page-text-muted)}