:root{--color-primary:#a8e6cf;--color-secondary:#dcedc1;--color-accent:#ffd3b6;--color-danger:#ffaaa5;--color-warning:#ffe28a;--color-info:#a8d8ea;--color-bg-main:#f9fbfb;--color-bg-card:#fff;--color-text-main:#3d4a54;--color-text-muted:#7b8a96;--color-border:#e2e8f0;--font-family:"Inter", system-ui, -apple-system, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--border-radius:12px;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 6px #0000000a;--shadow-float:0 10px 15px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}.app-container{min-height:100vh;display:flex}.floating-menu-btn{top:var(--space-md);left:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);width:48px;height:48px;box-shadow:var(--shadow-float);cursor:pointer;z-index:1000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed}.floating-menu-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000014}.floating-menu-btn span{background-color:var(--color-text-main);border-radius:2px;width:20px;height:2px;display:block}.sidebar{background:var(--color-bg-card);width:300px;height:100vh;box-shadow:var(--shadow-md);z-index:999;padding:80px var(--space-xl) 0 var(--space-xl);box-sizing:border-box;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-300px;overflow:hidden}.sidebar.active{left:0}.sidebar-nav{flex:auto;min-height:0;margin:1rem 0 0;padding:0 0 .5rem;list-style:none;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;cursor:pointer;background:#00000040;width:100vw;height:100vh;animation:.25s ease-out fadeIn;position:fixed;top:0;left:0}.main-content{padding:var(--space-xl);flex:1;max-width:1200px;margin-top:40px;margin-left:auto;margin-right:auto}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#2c5e4a}.btn-primary:hover{background-color:#97d5be;transform:translateY(-1px)}.list-toolbar{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.search-input{border:1px solid var(--color-border);border-radius:50px;outline:none;flex:1;max-width:400px;min-height:44px;padding:.75rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #a8e6cf4d}.btn-large{width:100%;min-height:52px;margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);padding:1rem;font-size:1.1rem}.record-list{background:var(--color-bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.record-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:#f1f5f9;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:grid}.record-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1fr;align-items:center;padding:.6rem 1rem;transition:background-color .12s;display:grid}.pdv-table-empty{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.record-row:hover{background-color:#f8fafc}.record-row:last-child{border-bottom:none}.action-group{gap:var(--space-sm);justify-content:flex-end;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.icon-btn-view{color:#4db8ff;background-color:#0000;border:1px solid #4db8ff33}.icon-btn-edit{color:#f5a623;background-color:#0000;border:1px solid #f5a62333}.icon-btn-delete{color:#ff6b6b;background-color:#0000;border:1px solid #ff6b6b33}.icon-btn:hover{background-color:#00000008;transform:scale(1.05)}.form-group{margin-bottom:var(--space-md)}.form-group label{margin-bottom:var(--space-xs);color:var(--color-text-muted);font-weight:600;display:block}.form-control{border:1px solid var(--color-border);border-radius:8px;width:100%;padding:.75rem;font-family:inherit}.top-bar{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.main-content{padding:var(--space-md);margin-top:60px}.list-toolbar{flex-direction:column-reverse;align-items:stretch}.search-input{max-width:100%}.record-header{display:none}.record-row{gap:var(--space-sm);padding:var(--space-lg) var(--space-md);grid-template-columns:1fr}.action-group{margin-top:var(--space-md);justify-content:flex-start}.icon-btn{width:44px;height:44px}}.crud-layout{gap:var(--space-lg);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=769px){.crud-layout.has-side-panel{grid-template-columns:1fr 380px}}.app-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-md);background:#0f172a66;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.app-modal{background:var(--color-bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-float);border:1px solid var(--color-border);flex-direction:column;width:100%;min-height:0;max-height:90vh;display:flex}.app-modal--sm{max-width:400px}.app-modal--md{max-width:500px}.app-modal--lg{max-width:600px}.app-modal--wide{max-width:720px}.app-modal-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.app-modal-title{color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:800}.app-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:1.5rem;line-height:1;display:inline-flex}.app-modal-close:hover{color:var(--color-text-main);background:#f8fafc}.app-modal-body{padding:var(--space-lg) var(--space-xl);flex:auto;min-height:0;overflow-y:auto}.app-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-card);flex-wrap:wrap;flex-shrink:0;display:flex}.user-menu{position:relative}.user-menu-trigger{background:var(--color-bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-family:inherit;text-decoration:none;display:flex}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{box-shadow:var(--shadow-md)}.user-menu-avatar{background:var(--color-primary);color:#2c5e4a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.user-menu-name{color:var(--color-text-main);font-weight:600}.user-menu-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);min-width:220px;box-shadow:var(--shadow-float);z-index:950;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}.user-menu-list a,.user-menu-list button{text-align:left;width:100%;min-height:44px;color:var(--color-text-main);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:flex}.user-menu-list a:hover,.user-menu-list button:hover{background:var(--color-secondary)}.user-menu-logout{color:var(--color-danger)}