.app-container{width:100%;padding:2rem;min-height:100vh;background:radial-gradient(ellipse at 80% 100%,rgba(52,152,255,.25) 0%,rgba(52,152,255,.15) 30%,transparent 60%),#1a1a1a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-radius:50px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;max-width:100%;position:relative}.navbar-left{display:flex;flex-direction:column;gap:.5rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#000;cursor:pointer;text-decoration:none}.navbar-brand img{width:40px;height:40px;object-fit:contain}.navbar-nav-buttons{display:flex;gap:.5rem}.nav-circle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;font-family:system-ui,-apple-system,sans-serif;transition:all .2s ease;color:#333;padding:0}.nav-circle-btn:hover{background:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.navbar-center{background:#ebebeb;padding:.75rem 1.5rem;border-radius:50px;box-shadow:0 2px 10px #00000014;min-width:200px}.navbar-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:120px}.user-role{font-size:.7rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;line-height:1}.user-name{font-size:.95rem;font-weight:600;color:#333;line-height:1.2;white-space:nowrap}.logout-pill-btn{padding:.5rem 1.25rem;background:#6c757d;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.logout-pill-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.appearance-heading{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;text-align:center}.btn{padding:.5rem 1.5rem;border:none;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:500}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.btn-secondary{background:#333;color:#fff}.btn-secondary:hover{background:#4d4d4d;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:1200px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-group small{display:block;margin-top:.25rem;color:#6c757d;font-size:.875rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.section-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #000000}.narrative-toggle-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0}.narrative-label{font-size:.95rem;font-weight:400;color:#000}.toggle-switch{position:relative;width:44px;height:24px;background:#e5e5ea;border-radius:12px;cursor:pointer;transition:background .3s ease;flex-shrink:0}.toggle-switch.active{background:#000}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active:after{transform:translate(20px)}.alert{padding:1rem;border-radius:5px;margin-bottom:1rem}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:2rem;color:#000}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state-icon{font-size:4rem;margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}