*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #c41230;--color-primary-dark: #9e0e24;--color-success: #107c10;--color-warning: #d83b01;--color-error: #a80000;--color-bg: #f5f0e8;--color-surface: #ffffff;--color-border: #e0d9ce;--color-text: #1a1a2e;--color-text-muted: #5a5a6e;--color-sidebar-bg: #1a2a5e;--color-sidebar-text: #ffffff;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 6px 18px rgba(0,0,0,.18);--ud-sidebar-width: 240px;--ud-main-bg-blur: 3px;--ud-main-bg-image: url(/images/mainBGtexture.png);--ud-sidebar-texture: url(/images/DarkTextureleft.png)}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-success{background:#dff6dd;color:var(--color-success)}.badge-warning{background:#fed9cc;color:var(--color-warning)}.badge-error{background:#fde7e9;color:var(--color-error)}.badge-neutral{background:var(--color-border);color:var(--color-text-muted)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--color-text-muted)}.error-message{padding:16px;background:#fde7e9;border:1px solid #f1c6c8;border-radius:var(--radius-sm);color:var(--color-error);font-size:.875rem}.data-grid{width:100%;border-collapse:collapse;font-size:.875rem}.data-grid th{text-align:left;padding:10px 16px;background:var(--color-bg);border-bottom:2px solid var(--color-border);font-weight:600;color:var(--color-text-muted)}.data-grid td{padding:10px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-grid tr:hover td{background:#f9f8f7}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-label{font-size:.875rem;font-weight:600}.form-input,.form-select{padding:7px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0078d426}.ud-app-shell{display:flex;height:100vh;overflow:hidden}.ud-sidebar{width:var(--ud-sidebar-width);flex-shrink:0;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:10}.ud-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var(--ud-sidebar-texture);background-size:cover;background-position:bottom center;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.35) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,0) 75%);mask-image:linear-gradient(to top,#00000059,#0000002e 40%,#0000 75%);opacity:.6;mix-blend-mode:overlay}.ud-sidebar>*{position:relative;z-index:1}.ud-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f3f2f1;position:relative}.ud-main-area__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ud-main-bg-image);background-size:cover;background-position:center top;background-repeat:no-repeat;filter:blur(var(--ud-main-bg-blur));z-index:0;pointer-events:none}.ud-main-area__header{position:relative;z-index:5;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid #edebe9;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.ud-main-area__scroll{position:relative;z-index:1;flex:1;overflow-y:auto;padding:24px}