:root{--stulz-red: #E2001A;--stulz-red-hover: #C50016;--stulz-red-light: #FFF1F2;--stulz-red-border: #FECDD3;--stulz-red-shadow: rgba(226, 0, 26, .22);--text-main: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-dim: #9CA3AF;--border-light: #E5E7EB;--border-subtle: #F3F4F6;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-subtle: #F9FAFB;--bg-highlight: #F1F5F9;--glass-card: rgba(255, 255, 255, .92);--glass-border: rgba(229, 231, 235, .85);--glass-blur: blur(16px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--status-pending-bg: #FEF3C7;--status-pending-text: #92400E;--status-submitted-bg: #D1FAE5;--status-submitted-text: #065F46;--status-expired-bg: #FEE2E2;--status-expired-text: #991B1B;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:14px}body{background-image:radial-gradient(at 0% 0%,rgba(226,0,26,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(241,245,249,.8) 0px,transparent 50%),linear-gradient(180deg,#f8fafc,#fff);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;letter-spacing:-.02em}p{color:var(--text-secondary)}a{color:var(--stulz-red);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--stulz-red-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn-primary{background-color:var(--stulz-red);color:#fff;border:1px solid var(--stulz-red);box-shadow:0 2px 4px var(--stulz-red-shadow)}.btn-primary:hover:not(:disabled),a.btn-primary:hover{background-color:#fff!important;color:var(--stulz-red)!important;border:1px solid var(--stulz-red)!important;outline:1px solid var(--stulz-red);box-shadow:0 4px 14px var(--stulz-red-shadow);transform:translateY(-1px)}.btn-primary:hover:not(:disabled) svg,a.btn-primary:hover svg{stroke:var(--stulz-red)!important}.btn-primary:active:not(:disabled),a.btn-primary:active{background-color:var(--stulz-red-light)!important;transform:translateY(0)}.btn-primary:disabled{background-color:#f87171;border-color:#f87171;color:#fff;opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background-color:#fff;color:var(--text-main);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:#d1d5db}.btn-sm{padding:6px 14px;font-size:13px;border-radius:6px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-main)}.form-label .required-star{color:var(--stulz-red);margin-left:2px}.form-control,.form-select,.form-textarea{width:100%;font-family:inherit;font-size:14px;color:var(--text-main);background-color:#fff;border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;transition:all var(--transition-fast);outline:none;box-shadow:var(--shadow-sm)}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--stulz-red);box-shadow:0 0 0 3px #e2001a1f}.form-control::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-textarea{min-height:90px;resize:vertical;line-height:1.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px;cursor:pointer}.glass-panel{background:var(--glass-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.badge-submitted{background-color:var(--status-submitted-bg);color:var(--status-submitted-text)}.badge-expired{background-color:var(--status-expired-bg);color:var(--status-expired-text)}.category-tagline{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--stulz-red);margin-bottom:6px}.alert-notice{background-color:var(--stulz-red-light);border:1px solid var(--stulz-red-border);border-radius:8px;padding:12px 18px;color:#991b1b;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-notice a{font-weight:600;text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.floating-help-widget{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;transition:all var(--transition-fast)}.floating-help-widget:hover{transform:scale(1.06);box-shadow:var(--shadow-xl)}[data-tooltip]{position:relative}[data-tooltip]:hover{z-index:100}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px) scale(.96);background:#0f172a;color:#f8fafc;font-family:inherit;font-size:11.5px;font-weight:500;line-height:1.35;max-width:260px;width:max-content;white-space:normal;text-align:center;padding:6px 11px;border-radius:6px;box-shadow:0 4px 14px #00000040,0 1px 3px #0000001f;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1),visibility .16s;z-index:1000}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(4px);border-width:5px 5px 0 5px;border-style:solid;border-color:#0F172A transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1),visibility .16s;z-index:1000}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);transition-delay:50ms}[data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px) scale(.96)}[data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% + 3px);border-width:0 5px 5px 5px;border-color:transparent transparent #0F172A transparent;transform:translate(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:hover:after,[data-tooltip-pos=bottom]:hover:before{transform:translate(-50%) translateY(0) scale(1)}[data-tooltip-align=right]:after{left:auto;right:0;transform:translateY(4px) scale(.96)}[data-tooltip-align=right]:before{left:auto;right:20px;transform:translateY(4px)}[data-tooltip-align=right]:hover:after,[data-tooltip-align=right]:hover:before{transform:translateY(0) scale(1)}[data-tooltip-pos=bottom][data-tooltip-align=right]:after{bottom:auto;top:calc(100% + 8px);left:auto;right:0;transform:translateY(-4px) scale(.96)}[data-tooltip-pos=bottom][data-tooltip-align=right]:before{bottom:auto;top:calc(100% + 3px);left:auto;right:20px;transform:translateY(-4px)}[data-tooltip-pos=bottom][data-tooltip-align=right]:hover:after,[data-tooltip-pos=bottom][data-tooltip-align=right]:hover:before{transform:translateY(0) scale(1)}[data-tooltip-align=left]:after{left:0;transform:translateY(4px) scale(.96)}[data-tooltip-align=left]:before{left:20px;transform:translateY(4px)}[data-tooltip-align=left]:hover:after,[data-tooltip-align=left]:hover:before{transform:translateY(0) scale(1)}[data-tooltip-pos=bottom][data-tooltip-align=left]:after{bottom:auto;top:calc(100% + 8px);left:0;transform:translateY(-4px) scale(.96)}[data-tooltip-pos=bottom][data-tooltip-align=left]:before{bottom:auto;top:calc(100% + 3px);left:20px;transform:translateY(-4px)}[data-tooltip-pos=bottom][data-tooltip-align=left]:hover:after,[data-tooltip-pos=bottom][data-tooltip-align=left]:hover:before{transform:translateY(0) scale(1)}[data-tooltip-pos=left]:after{bottom:auto;top:50%;right:calc(100% + 8px);left:auto;transform:translateY(-50%) translate(4px) scale(.96)}[data-tooltip-pos=left]:before{bottom:auto;top:50%;right:calc(100% + 3px);left:auto;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #0F172A;transform:translateY(-50%) translate(4px)}[data-tooltip-pos=left]:hover:after,[data-tooltip-pos=left]:hover:before{transform:translateY(-50%) translate(0) scale(1)}[data-tooltip-pos=right]:after{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%) translate(-4px) scale(.96)}[data-tooltip-pos=right]:before{bottom:auto;top:50%;left:calc(100% + 3px);border-width:5px 5px 5px 0;border-color:transparent #0F172A transparent transparent;transform:translateY(-50%) translate(-4px)}[data-tooltip-pos=right]:hover:after,[data-tooltip-pos=right]:hover:before{transform:translateY(-50%) translate(0) scale(1)}@media(max-width:1024px){:root{--sidebar-width: 240px}}@media(max-width:768px){:root{--sidebar-width: 100%}}
