:root{--orbion-green: #00dc82;--orbion-green-dim: #00dc8218;--orbion-bg: #030b1e;--orbion-card: rgba(8, 15, 40, .62);--orbion-card-alt: rgba(10, 18, 48, .68);--orbion-border: rgba(255,255,255,.07);--orbion-border-strong: rgba(255,255,255,.12);--orbion-border-accent: rgba(0,220,130,.22);--orbion-text: #ffffff;--orbion-muted: #5a6a8a;--orbion-surface: #04091c;--orbion-blue: #00A3FF;--orbion-purple: #8B5CF6;--orbion-amber: #F59E0B;--orbion-red: #EF4444;--primary-color: #00dc82;--primary-hover: #00b86e;--bg-color: #030b1e;--panel-bg: rgba(8, 15, 40, .62);--border-color: rgba(255,255,255,.07);--text-primary: #ffffff;--text-secondary: #5a6a8a;--input-bg: rgba(4, 8, 24, .8);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--orbion-border) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--orbion-border);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--orbion-green)}body{font-family:var(--font-family);background:radial-gradient(ellipse 55% 45% at 5% 8%,rgba(0,220,130,.22) 0%,transparent 60%),radial-gradient(ellipse 45% 40% at 95% 35%,rgba(0,163,255,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 18% 95%,rgba(139,92,246,.18) 0%,transparent 60%),#030b1e;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh;flex-direction:column}.main-header{height:70px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 2rem;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem;color:var(--primary-color)}.header-logo span{color:var(--text-primary)}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background-color:#080f2a;border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.card-description{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-input,.form-select{width:100%;padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00dc8233}.form-input::placeholder{color:var(--orbion-muted)}.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='%235a6a8a'%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 1rem center;background-size:1em;padding-right:2.5rem}.select-wrapper{position:relative;width:100%}.form-select.is-loading{background-image:none;padding-right:3rem}.select-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--primary-color);pointer-events:none;display:flex;align-items:center;justify-content:center}.select-spinner svg{width:1.25rem;height:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;transform-origin:center center}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer;transition:opacity .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#000}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}::selection{background:#00dc824d;color:#fff}.galaxy-blob{position:absolute;border-radius:50%;pointer-events:none}.galaxy-blob-1{width:900px;height:900px;top:-250px;left:-100px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,220,130,.75) 0%,rgba(0,180,100,.4) 30%,rgba(0,120,70,.15) 55%,transparent 70%);filter:blur(40px);animation:blob-drift-1 20s ease-in-out infinite alternate}.galaxy-blob-2{width:800px;height:700px;top:15%;right:-200px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,163,255,.65) 0%,rgba(0,100,220,.32) 30%,rgba(0,60,160,.12) 55%,transparent 70%);filter:blur(45px);animation:blob-drift-2 25s ease-in-out infinite alternate}.galaxy-blob-3{width:1000px;height:600px;bottom:-180px;left:5%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(139,92,246,.6) 0%,rgba(100,55,210,.28) 32%,rgba(70,30,160,.1) 56%,transparent 70%);filter:blur(50px);animation:blob-drift-3 30s ease-in-out infinite alternate}.galaxy-blob-4{width:600px;height:600px;top:35%;left:30%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,220,130,.3) 0%,rgba(0,160,90,.12) 40%,transparent 65%);filter:blur(35px);animation:blob-drift-4 22s ease-in-out infinite alternate}@keyframes blob-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(70px,90px) scale(1.18)}}@keyframes blob-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(-90px,-70px) scale(1.12)}}@keyframes blob-drift-3{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(-50px,-90px) scale(1.22) rotate(6deg)}}@keyframes blob-drift-4{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-60px) scale(.82)}}.galaxy-aurora{position:absolute;top:0;left:-60%;right:-60%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,220,130,.7) 35%,rgba(0,163,255,.5) 60%,transparent 100%);filter:blur(2px);animation:aurora-sweep 10s ease-in-out infinite}@keyframes aurora-sweep{0%{transform:translate(-40%);opacity:0}15%{opacity:1}85%{opacity:.5}to{transform:translate(40%);opacity:0}}.galaxy-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 120% 120% at 50% 50%,transparent 55%,rgba(1,2,9,.55) 100%)}@keyframes twinkle-a{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.15;transform:scale(.55)}}@keyframes twinkle-b{0%,to{opacity:.45;transform:scale(1)}35%{opacity:1;transform:scale(1.5)}65%{opacity:.2;transform:scale(.75)}}@keyframes twinkle-c{0%,to{opacity:.4}55%{opacity:.9}}.star-twinkle-a{animation:twinkle-a 3.2s ease-in-out infinite}.star-twinkle-b{animation:twinkle-b 4.8s ease-in-out infinite}.star-twinkle-c{animation:twinkle-c 2.6s ease-in-out infinite}.sidebar{background:linear-gradient(180deg,#050a14fa,#081220f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar.open{width:250px}.sidebar.closed{width:70px}.sidebar-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-color)}.sidebar.closed .sidebar-header{justify-content:center}.logo-container{display:flex;align-items:center;gap:.75rem;overflow:hidden}.logo-text{font-weight:700;font-size:1.1rem;color:var(--text-primary);white-space:nowrap}.toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;transition:all .2s ease}.toggle-btn:hover{background-color:var(--input-bg);color:var(--primary-color)}.sidebar.closed .toggle-btn{position:absolute}.sidebar-nav{padding:1.5rem .5rem;display:flex;flex-direction:column;gap:1.25rem}.nav-section{display:flex;flex-direction:column;gap:.25rem}.nav-section-title{padding:0 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.7;margin-bottom:.25rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-secondary);border-radius:8px;transition:all .2s ease;overflow:hidden}.sidebar.closed .nav-item{justify-content:center;padding:.75rem}.nav-item:hover{background-color:var(--input-bg);color:var(--text-primary)}.nav-item.active{background-color:#00dc821a;color:var(--primary-color);font-weight:500}.nav-icon{display:flex;flex-shrink:0}.nav-label{white-space:nowrap}.sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem}.sidebar-user-email{padding:0 1rem .5rem;font-size:.7rem;color:var(--text-secondary);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;cursor:pointer;width:100%;text-align:left}.logout-btn:hover{background-color:#ef444414;color:#ef4444}.pessoas-container{animation:fadeIn .3s ease-in-out}.pessoas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.page-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-description{color:var(--text-secondary);font-size:.95rem}.btn-add-pessoa{background-color:var(--primary-color);color:#000;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 14px #0f83}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--primary-color);gap:1rem}.loading-state svg{width:3rem;height:3rem}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;background-color:var(--panel-bg);border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary)}.pessoas-list{display:flex;flex-direction:column;gap:.75rem}.pessoa-list-item{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.pessoa-list-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003}.pessoa-list-info{display:flex;align-items:center;gap:1.5rem}.pessoa-list-info h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;min-width:200px}.btn-edit-pessoa{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.btn-edit-pessoa:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:#00ff880d}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px -12px #00000080;animation:slideUp .3s ease-out}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-color);z-index:10}.modal-header h2{font-size:1.4rem;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex}.modal-close:hover{background-color:var(--panel-bg);color:var(--primary-color)}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-cancelar{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancelar:hover{background-color:var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
