@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--bg-color: #ffffff;--text-color: #333333;--accent-color: #1d68af;--nav-height: 70px;--shadow: 0 2px 10px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}body{padding-top:var( --nav-height );height:100dvh;width:100dvw}.main-header{background-color:var(--bg-color);height:var(--nav-height);position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:var(--shadow);display:flex;align-items:center}.container{width:90%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;letter-spacing:-.5px;width:20%;display:flex;align-items:center;justify-content:flex-start}.logo img{width:75%}.logo-container{flex:1;display:flex;align-items:center}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:1001}.menu-toggle .bar{height:3px;width:100%;background-color:var(--text-color);border-radius:3px;transition:all .3s ease}.nav-menu{position:fixed;top:var(--nav-height);right:-100%;width:100%;height:calc(100vh - var(--nav-height));background-color:var(--bg-color);transition:right .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #f0f0f0}.nav-menu.active{right:0}.nav-menu ul{list-style:none;text-align:center;width:100%}.nav-menu li{margin:20px 0}.nav-link{text-decoration:none;color:var(--text-color);font-size:1.1rem;font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--accent-color)}.cta-button{padding:10px 25px;background-color:var(--accent-color);color:#fff!important;border:none;border-radius:50px;transition:all .3s ease}.cta-button:hover{background-color:var(--text-color)}.menu-toggle.is-active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.is-active .bar:nth-child(2){opacity:0}.menu-toggle.is-active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.card{width:100%;height:100%;padding:20px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.card h2{margin-bottom:10px;text-align:center}.card p{font-size:1.2rem;text-align:center;margin-bottom:10px}.card .form-login{display:flex;flex-direction:column;align-items:center;justify-content:center}.card .form-login input{width:80%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ccc;font-size:1.2rem;outline:none}.card .form-login button{width:40%;padding:10px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-box{background:#fff;padding:1.5rem;border-radius:12px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.modal-box button{align-self:flex-end;margin-top:1rem}.dashboard-wrapper{width:100%;height:90dvh;display:flex;flex-direction:column;padding:.5rem .5rem 0}.dashboard-header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:.25rem}.btn-note-create{padding:5px 15px;background-color:var(--accent-color);color:#fff!important;border:none;border-radius:50px;transition:all .3s ease;text-decoration:none;font-size:1rem;text-align:center;font-weight:700}@media(min-width:768px){.menu-toggle{display:none}.nav-menu{position:static;height:auto;width:auto;background:transparent;border:none;flex-direction:row;display:block}.nav-menu ul{display:flex;gap:30px;align-items:center}.nav-menu li{margin:0}.nav-link{font-size:1rem}}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:scroll;margin-top:20px}.notes-table{width:100%;border-collapse:collapse;font-size:.95rem}.notes-table th{background-color:#f8f9fa;color:#666;font-weight:600;text-align:left;padding:15px;border-bottom:2px solid #eee}.notes-table td{padding:15px;border-bottom:1px solid #eee;color:#333;vertical-align:middle}.notes-table tr:hover{background-color:#fcfcfc}.badge-folio{background-color:#e3f2fd;color:#1565c0;padding:4px 8px;border-radius:4px;font-weight:700;font-size:.85rem}.client-name{font-weight:600}.client-address{color:#888}.text-right{text-align:right}.actions-group{display:flex;justify-content:flex-end;gap:10px}.btn-icon{text-decoration:none;padding:6px 10px;border-radius:4px;transition:background .2s;font-size:1.1rem}.btn-icon.view:hover{background-color:#e0f7fa}.btn-icon.pdf:hover{background-color:#ffebee}.empty-state{text-align:center;padding:40px;color:#999;font-style:italic}.pagination-wrapper{padding:15px}.pagination-wrapper nav svg{width:20px}