:root{--bg-color: #0f0f13;--panel-bg: #1a1a23;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #7b2cbf;--accent-glow: #9d4edd;--success-color: #00b894;--warning-color: #fdcb6e;--danger-color: #ff7675;--font-family: "Inter", sans-serif;--glass-border: 1px solid rgba(255, 255, 255, .1)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(123,44,191,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,184,148,.1) 0%,transparent 40%);min-height:100vh}*{box-sizing:border-box}.app-container{display:flex;height:100vh;overflow:hidden;padding:20px;gap:20px}@media(max-width:900px){.app-container{flex-direction:column;height:100%;min-height:100vh;overflow-y:auto;padding:10px;gap:15px;display:block}}.glass-panel{background:#1a1a2399;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.sidebar{width:280px;display:flex;flex-direction:column;padding:24px}@media(max-width:900px){.sidebar{width:100%!important;padding:24px 15px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;border-radius:0 0 24px 24px!important;margin:-10px -10px 20px!important;border-top:none!important;border-left:none!important;border-right:none!important}.logo-container{margin-bottom:25px!important;flex-direction:column!important;gap:12px!important;text-align:center!important}.app-logo{width:65px!important;height:65px!important;margin-bottom:0!important}.app-title{font-size:1rem!important;letter-spacing:3px!important;display:block!important}.nav-links{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;width:100%!important;flex:none!important}.nav-item{flex-direction:column!important;font-size:.7rem!important;padding:12px 5px!important;gap:6px!important;justify-content:center!important;text-align:center!important;background:#ffffff08!important}.nav-item .icon{font-size:1.3rem!important}.system-status{display:none}}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;text-align:center}.app-logo{width:80px;height:80px;border-radius:50%;margin-bottom:15px;box-shadow:0 0 20px #7b2cbf4d;border:2px solid rgba(255,255,255,.1)}.app-title{font-size:1.2rem;font-weight:700;margin:0;letter-spacing:2px}.accent{color:var(--accent-glow)}.nav-links{display:flex;flex-direction:column;gap:10px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .3s;font-weight:500;border:1px solid transparent}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#7b2cbf33;color:var(--accent-glow);border:1px solid rgba(123,44,191,.4)}.system-status{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:var(--text-secondary)}.status-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dot{width:8px;height:8px;border-radius:50%}.dot.online{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.content-area{flex:1;overflow-y:auto;padding-right:15px}@media(max-width:900px){.content-area{padding-right:0;overflow-y:visible;height:auto;width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-secondary);font-weight:500}input,select,textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:8px;width:100%;margin-bottom:20px;font-family:inherit;font-size:1rem;transition:.3s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #7b2cbf33}button{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:.3s;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:var(--accent-glow);transform:translateY(-1px);box-shadow:0 4px 15px #7b2cbf66}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}h2.section-title{margin-top:0;margin-bottom:30px;font-weight:700;letter-spacing:-.5px;text-transform:uppercase;font-size:1.5rem}.controls{padding:30px;margin-bottom:30px}.smart-generation-box{background:linear-gradient(135deg,#7b2cbf1a,#00b8940d);border:1px dashed rgba(123,44,191,.4);padding:24px;border-radius:12px;text-align:center;margin-bottom:30px}.smart-btn{background:linear-gradient(90deg,#7b2cbf,#9d4edd)!important;padding:16px 32px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.2);width:100%;max-width:500px}.hint-text{color:var(--text-secondary);font-size:.85rem;margin-top:12px}.form-separator{position:relative;text-align:center;margin:40px 0}.form-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.form-separator span{position:relative;background:#1a1a23;padding:0 15px;color:var(--text-secondary);font-size:.75rem;letter-spacing:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:10px}.main-gen-btn{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin-top:20px}.main-gen-btn.loading{background:#ffffff0d;cursor:wait}@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:10px}.smart-btn{font-size:.9rem!important;padding:12px!important}.controls{padding:20px}}.output-area{padding:30px;margin-bottom:40px;border-left:4px solid var(--accent-color);animation:slideUp .5s ease-out;position:relative;transition:all .3s}.output-area.approved{border-left-color:var(--success-color);background:#00b8940d}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.status-label{background:var(--success-color);color:#fff;font-size:.7rem;padding:4px 12px;border-radius:4px;font-weight:700;letter-spacing:1px}.edit-area{width:100%;background:#0003;border:1px solid rgba(255,255,255,.05);color:#fff;padding:15px;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical}.edit-area-copy{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-left:2px solid rgba(123,44,191,.3);color:#e0e0e0;padding:12px;border-radius:8px;margin-bottom:10px;font-family:inherit;font-size:.95rem;resize:none}.edit-input-hl{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff;padding:10px 15px;border-radius:6px;margin-bottom:8px;font-family:inherit;font-weight:500}.card-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:20px}.export-btn{background:transparent;border:1px solid var(--accent-color);color:var(--accent-glow);padding:10px 20px;font-size:.85rem}.export-btn:hover{background:var(--accent-color);color:#fff}.approve-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .3s}.approve-btn:hover,.approve-btn.active{background:var(--success-color);color:#fff;border-color:var(--success-color)}@media(max-width:768px){.card-footer{flex-direction:column;align-items:stretch;gap:15px}.policy-check-visual,.approve-btn,.export-btn{width:100%}.output-header{flex-direction:column;align-items:flex-start;gap:10px}}.policy-check-visual{flex:1}.policy-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px}.policy-item.ok{background:#00b8940d}.policy-item.warn{background:#fdcb6e1a;border:1px solid rgba(253,203,110,.2)}.policy-info strong{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:2px}.policy-info p{margin:0;font-size:.85rem;color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}