.navbar{background:var(--navbar-bg);box-shadow:0 2px 10px var(--shadow-sm);position:sticky;top:0;z-index:100;transition:background .2s}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:18px;font-weight:700;color:var(--text-primary);text-decoration:none;transition:opacity .2s,color .2s;z-index:102;letter-spacing:-.3px}.navbar-logo:hover{opacity:.8}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:102}.hamburger span{width:25px;height:3px;background:var(--text-primary);border-radius:3px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar-menu{display:flex;align-items:center;gap:8px}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s,color .2s}.navbar-dropdown-toggle:hover{background:var(--bg-card-alt);color:#4a4a4a}.dropdown-arrow{font-size:12px;transition:transform .2s;display:inline-block}.dropdown-arrow.open{transform:rotate(180deg)}.navbar-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px var(--shadow-md);min-width:200px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:200}.navbar-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:15px;font-weight:500;transition:background .15s;cursor:pointer}.dropdown-item:hover:not(.dropdown-item--disabled){background:var(--bg-card-alt);color:#4a4a4a}.dropdown-item--disabled{opacity:.5;cursor:default}.dropdown-item-emoji{font-size:18px;width:24px;text-align:center;flex-shrink:0}.dropdown-item-badge{margin-left:auto;font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-card-alt);border:1px solid var(--border);padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.btn-theme-toggle{background:none;border:none;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .2s;line-height:1}.btn-theme-toggle:hover{background:var(--bg-card-alt)}.navbar-user{color:var(--text-secondary);font-size:14px;padding:0 4px}.btn-logout,.btn-admin{padding:8px 20px;border:2px solid var(--border);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;font-size:15px}.btn-logout{background:transparent;color:var(--text-secondary)}.btn-logout:hover,.btn-admin{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-card)}.btn-admin:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.navbar-overlay{display:none}@media(max-width:768px){.navbar-container{padding:1rem}.hamburger{display:flex}.navbar-menu{position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:var(--navbar-bg);flex-direction:column;align-items:flex-start;padding:80px 20px 30px;gap:4px;box-shadow:-2px 0 10px var(--shadow-sm);transition:right .3s ease-in-out;z-index:101;overflow-y:auto}.navbar-menu.active{right:0}.navbar-dropdown{width:100%}.navbar-dropdown-toggle{width:100%;justify-content:space-between;padding:12px 14px;font-size:16px}.navbar-dropdown-menu{position:static;box-shadow:none;border:none;background:var(--bg-card-alt);border-radius:8px;transform:none;opacity:1;visibility:visible;display:none;margin-top:4px;padding:4px}.navbar-dropdown-menu.open{display:block}.btn-theme-toggle{width:100%;text-align:left;font-size:18px;padding:12px 14px}.navbar-user{width:100%;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.btn-logout,.btn-admin{width:100%;text-align:center;padding:12px;font-size:16px}.navbar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:100}}.footer{background:var(--footer-bg);color:#fff;padding:2rem 0;margin-top:auto;transition:background .2s}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer p{margin:0;font-size:14px;color:var(--footer-text)}.seccio-descripcio{max-width:760px;margin:0 auto 30px;padding:0 4px}.seccio-descripcio-text{margin:0;font-size:16px;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.seccio-descripcio-text--clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn-toggle-descripcio{margin-top:8px;padding:4px 0;background:transparent;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-toggle-descripcio:hover{opacity:.7}.seccio-descripcio-placeholder{margin:0;font-size:14px;color:var(--text-muted);font-style:italic}.btn-edit-descripcio{margin-top:12px;padding:6px 14px;background:transparent;border:1px solid;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit-descripcio:hover{opacity:.75}.seccio-descripcio--editing textarea{width:100%;padding:14px;border:2px solid var(--input-border);border-radius:8px;font-size:15px;font-family:inherit;line-height:1.6;background:var(--input-bg);color:var(--text-primary);resize:vertical;min-height:140px;box-sizing:border-box}.seccio-descripcio--editing textarea:focus{outline:none;border-color:var(--text-secondary)}.seccio-descripcio-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-cancel-inline,.btn-save-inline{padding:8px 18px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-inline{background:var(--bg-card-alt);color:var(--text-secondary);border:1px solid var(--border)}.btn-cancel-inline:hover:not(:disabled){background:var(--border)}.btn-save-inline{color:#fff}.btn-save-inline:hover:not(:disabled){opacity:.9}.btn-cancel-inline:disabled,.btn-save-inline:disabled{opacity:.6;cursor:not-allowed}.home{min-height:100vh;background:var(--bg-page)}.home-hero{background:var(--bg-page);display:flex;justify-content:center;padding:32px 20px 8px}.home-hero-logo{display:block;width:100%;max-width:340px;height:auto}@media(max-width:768px){.home-hero-logo{max-width:240px}}.home-content{max-width:900px;margin:0 auto;padding:40px 20px 80px}.home-content h2{margin:30px 0 20px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.racons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.raco-link{text-decoration:none;color:inherit;display:block}.raco-card{position:relative;background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-sm);transition:transform .25s,box-shadow .25s,background .2s;border:1px solid var(--border)}.raco-link:hover .raco-card{transform:translateY(-3px);box-shadow:0 8px 24px var(--shadow-md)}.raco-card--aviat{opacity:.55;cursor:default}.raco-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--raco-color);border-radius:12px 0 0 12px}.raco-card-inner{display:flex;align-items:center;gap:18px;padding:22px 22px 22px 26px}.raco-card-emoji{font-size:36px;line-height:1;flex-shrink:0;width:48px;text-align:center}.raco-card-body{flex:1;min-width:0}.raco-card-body h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary)}.raco-card-body p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.raco-badge{position:absolute;top:12px;right:12px;background:var(--bg-card-alt);color:var(--text-muted);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px}.raco-arrow{font-size:20px;color:var(--raco-color);flex-shrink:0;transition:transform .2s;font-weight:600}.raco-link:hover .raco-arrow{transform:translate(4px)}@media(max-width:768px){.racons-grid{grid-template-columns:1fr}}.region-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);transition:transform .3s,box-shadow .3s,background .2s;position:relative}.region-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-md)}.region-card-link{text-decoration:none;color:inherit;display:block}.region-card-image{width:100%;height:200px;overflow:hidden;background:var(--image-placeholder)}.region-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.region-card:hover .region-card-image img{transform:scale(1.05)}.region-card-content{padding:20px}.region-card-content h3{margin:0;font-size:22px;color:var(--text-primary);font-weight:600}.region-card-actions{display:flex;gap:10px;padding:15px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-md);transition:background .2s}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:24px;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.modal-close:hover{background:var(--bg-card-alt);color:var(--text-primary)}.modal-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid var(--input-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--input-bg);color:var(--text-primary);transition:border-color .3s,background .2s,color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a4a4a}.form-group small{color:var(--text-secondary);font-size:12px}.form-section{margin:30px 0;padding:20px;background:var(--bg-card-alt);border-radius:8px;border:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{margin:0;font-size:18px;color:var(--text-primary)}.btn-add-small{padding:8px 16px;background:#4a4a4a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-add-small:hover{background:#3a3a3a}.punt-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.punt-fields{flex:1;display:flex;flex-direction:column;gap:8px}.punt-fields input{padding:10px;border:2px solid var(--input-border);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary)}.btn-remove{padding:8px 12px;background:#f56565;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s}.btn-remove:hover{background:#e53e3e}.modal-actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.btn-cancel,.btn-submit{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-cancel{background:var(--bg-card-alt);color:var(--text-secondary);border:1px solid var(--border)}.btn-cancel:hover:not(:disabled){background:var(--border)}.btn-submit{background:#4a4a4a;color:#fff}.btn-submit:hover:not(:disabled){background:#3a3a3a;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.modal-content{max-width:100%}.form-row{grid-template-columns:1fr}.modal-form{padding:20px}}.viatges-page{min-height:100vh;background:var(--bg-page)}.viatges-header{position:relative;background:#4f6d7a;padding:50px 20px 40px;color:#fff;overflow:hidden}.viatges-header-texture{position:absolute;inset:0;opacity:.07;background-image:repeating-radial-gradient(circle at 20% 50%,transparent 0,transparent 40px,rgba(255,255,255,.4) 40px,rgba(255,255,255,.4) 41px),repeating-radial-gradient(circle at 80% 30%,transparent 0,transparent 60px,rgba(255,255,255,.3) 60px,rgba(255,255,255,.3) 61px),repeating-radial-gradient(circle at 50% 80%,transparent 0,transparent 30px,rgba(255,255,255,.3) 30px,rgba(255,255,255,.3) 31px);pointer-events:none}.viatges-header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.viatges-header-content h1{margin:12px 0 8px;font-size:42px;font-weight:800;letter-spacing:-.5px}.viatges-header-content p{margin:0;font-size:16px;opacity:.75}.breadcrumb{color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.breadcrumb:hover{color:#fff}.viatges-content{max-width:1200px;margin:0 auto;padding:40px 20px}.viatges-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.viatges-content-header h2{margin:0;font-size:28px;color:var(--text-primary)}.btn-create:hover{background:#3d5a66;transform:translateY(-2px)}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}@media(max-width:768px){.viatges-header-content h1{font-size:32px}.viatges-content-header{flex-direction:column;gap:15px;align-items:flex-start}.regions-grid{grid-template-columns:1fr}}.lloc-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);transition:transform .3s,box-shadow .3s,background .2s;position:relative}.lloc-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-md)}.lloc-card-link{text-decoration:none;color:inherit;display:block}.lloc-card-image{width:100%;height:200px;overflow:hidden;background:var(--image-placeholder)}.lloc-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.lloc-card:hover .lloc-card-image img{transform:scale(1.05)}.lloc-card-content{padding:20px}.lloc-card-content h3{margin:0 0 10px;font-size:22px;color:var(--text-primary);font-weight:600}.lloc-card-description{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.lloc-card-actions{display:flex;gap:10px;padding:15px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.btn-edit,.btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-edit{background:#4f6d7a;color:#fff}.btn-edit:hover{background:#3d5a66}.btn-delete{background:#f56565;color:#fff}.btn-delete:hover{background:#e53e3e}.region-page{min-height:100vh;background:var(--bg-page)}.region-header{background:linear-gradient(135deg,#4f6d7a,#6b8f9e);padding:60px 20px 40px;color:#fff}.region-header-content{max-width:1200px;margin:0 auto}.breadcrumb{display:inline-block;color:#fff;text-decoration:none;margin-bottom:20px;opacity:.9;transition:opacity .3s}.region-header h1{margin:0;font-size:42px;font-weight:700}.region-content{max-width:1200px;margin:0 auto;padding:40px 20px}.region-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.region-content-header h2{margin:0;font-size:28px;color:var(--text-primary)}.btn-create{padding:12px 24px;background:#4f6d7a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-create:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.llocs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.btn-back:hover{background:#5568d3}@media(max-width:768px){.region-header h1{font-size:32px}.region-content-header{flex-direction:column;gap:15px;align-items:flex-start}.llocs-grid{grid-template-columns:1fr}}.punt-card-nav{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);transition:transform .3s,box-shadow .3s,background .2s;position:relative}.punt-card-nav:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-md)}.punt-card-nav-link{text-decoration:none;color:inherit;display:block}.punt-card-nav-image{width:100%;height:180px;overflow:hidden;background:var(--image-placeholder)}.punt-card-nav-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.punt-card-nav:hover .punt-card-nav-image img{transform:scale(1.05)}.punt-card-nav-content{padding:18px}.punt-card-nav-content h4{margin:0 0 8px;font-size:18px;color:var(--text-primary);font-weight:600}.punt-card-nav-content p{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.6}.punt-card-nav-cta{font-size:13px;color:#4f6d7a;font-weight:600}.punt-card-nav-actions{display:flex;gap:10px;padding:12px 18px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.punt-card-nav-actions .btn-edit,.punt-card-nav-actions .btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.punt-card-nav-actions .btn-edit{background:#4f6d7a;color:#fff}.punt-card-nav-actions .btn-edit:hover{background:#3d5a66}.punt-card-nav-actions .btn-delete{background:#f56565;color:#fff}.punt-card-nav-actions .btn-delete:hover{background:#e53e3e}.lightbox-overlay{position:fixed;inset:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center}.lightbox-content{max-width:90vw;max-height:88vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px #0009}.lightbox-close{position:fixed;top:20px;right:24px;background:#ffffff26;border:none;color:#fff;font-size:28px;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:background .2s;z-index:1001;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:48px;width:56px;height:72px;border-radius:8px;cursor:pointer;transition:background .2s;z-index:1001;display:flex;align-items:center;justify-content:center;line-height:1}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fffc;font-size:14px;background:#00000080;padding:4px 14px;border-radius:20px}.lloc-page{min-height:100vh;background:var(--bg-page)}.lloc-hero{height:400px;background-size:cover;background-position:center;position:relative}.lloc-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0009);display:flex;align-items:flex-end;padding:40px 20px}.lloc-hero-content{max-width:1200px;margin:0 auto;width:100%;color:#fff}.breadcrumb{display:inline-block;color:#fff;text-decoration:none;margin-bottom:15px;opacity:.9;transition:opacity .3s}.breadcrumb:hover{opacity:1}.lloc-hero h1{margin:0;font-size:48px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.lloc-content{max-width:1200px;margin:0 auto;padding:40px 20px}.lloc-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.lloc-content-header h2{margin:0;font-size:32px;color:var(--text-primary)}.lloc-section{margin-bottom:50px}.lloc-section h3{font-size:24px;color:var(--text-primary);margin:0 0 20px;padding-bottom:10px;border-bottom:3px solid #4f6d7a}.lloc-description{font-size:18px;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title-row h3{font-size:24px;color:var(--text-primary);margin:0;padding-bottom:10px;border-bottom:3px solid #4f6d7a}.btn-add-section{padding:10px 20px;background:#4f6d7a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.punts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}@media(max-width:768px){.lloc-hero{height:300px}.lloc-hero h1{font-size:32px}.lloc-content-header{flex-direction:column;gap:15px;align-items:flex-start}.punts-grid{grid-template-columns:1fr}.galeria-grid{grid-template-columns:repeat(2,1fr)}}.apartat-card{background:var(--bg-card);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-sm);transition:transform .25s,box-shadow .25s,background .2s;border:1px solid var(--border);display:flex;flex-direction:column}.apartat-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px var(--shadow-md)}.apartat-card-link{text-decoration:none;color:inherit;display:block;flex:1}.apartat-card-image{width:100%;height:160px;overflow:hidden;background:var(--image-placeholder)}.apartat-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.apartat-card:hover .apartat-card-image img{transform:scale(1.04)}.apartat-card-content{padding:14px 16px}.apartat-card-content h4{margin:0 0 4px;font-size:17px;color:var(--text-primary);font-weight:700}.apartat-card-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apartat-card-actions{display:flex;gap:8px;padding:10px 14px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.apartat-card-actions .btn-edit,.apartat-card-actions .btn-delete{flex:1;padding:6px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.apartat-card-actions .btn-edit{background:#4f6d7a;color:#fff}.apartat-card-actions .btn-edit:hover{background:#3d5a66}.apartat-card-actions .btn-delete{background:#f56565;color:#fff}.apartat-card-actions .btn-delete:hover{background:#e53e3e}.punt-page{min-height:100vh;background:var(--bg-page)}.punt-hero{height:400px;background-size:cover;background-position:center;position:relative}.punt-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000a6);display:flex;align-items:flex-end;padding:40px 20px}.punt-hero-content{max-width:1200px;margin:0 auto;width:100%;color:#fff}.punt-breadcrumb{font-size:14px;margin-bottom:12px;opacity:.9}.punt-breadcrumb a{color:#fff;text-decoration:none;opacity:.85;transition:opacity .2s}.punt-breadcrumb a:hover{opacity:1;text-decoration:underline}.punt-breadcrumb span{margin:0 6px}.punt-hero h1{margin:0;font-size:48px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.punt-content{max-width:1200px;margin:0 auto;padding:40px 20px}.punt-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.punt-content-header h2{margin:0;font-size:32px;color:var(--text-primary)}.btn-edit-main{padding:12px 24px;background:#4f6d7a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit-main:hover{background:#3d5a66;transform:translateY(-2px)}.punt-section{margin-bottom:50px}.apartats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #4f6d7a}.section-title-row h3{margin:0;font-size:22px;color:var(--text-primary)}.btn-add-section{padding:8px 16px;background:#4f6d7a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-section:hover{background:#3d5a66}.empty-section{color:var(--text-muted);font-style:italic;padding:10px 0;margin:0}.punt-description{font-size:18px;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap}.galeria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.galeria-header h3{font-size:24px;color:var(--text-primary);margin:0;padding-bottom:10px;border-bottom:3px solid #4f6d7a}.btn-upload-galeria{padding:10px 20px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.galeria-buida{color:var(--text-muted);font-style:italic;padding:20px 0}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.galeria-item{aspect-ratio:4/3;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);position:relative;cursor:pointer;transition:transform .3s}.galeria-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px}.btn-back{padding:12px 24px;background:#4f6d7a;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}@media(max-width:768px){.punt-hero{height:300px}.punt-hero h1{font-size:30px}.punt-content-header{flex-direction:column;gap:15px;align-items:flex-start}.galeria-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.galeria-grid{grid-template-columns:1fr}}.apartat-page{min-height:100vh;background:var(--bg-page)}.apartat-hero{height:360px;background-size:cover;background-position:center;position:relative}.apartat-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000040,#000000b3);display:flex;align-items:flex-end;padding:40px 20px}.apartat-hero-content{max-width:1000px;margin:0 auto;width:100%;color:#fff}.apartat-breadcrumb{margin-bottom:14px;font-size:14px;opacity:.9}.apartat-breadcrumb a{color:#ffffffd9;text-decoration:none;transition:color .2s}.apartat-breadcrumb a:hover{color:#fff}.apartat-hero h1{margin:0;font-size:42px;font-weight:800;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.4)}.apartat-content{max-width:1000px;margin:0 auto;padding:40px 20px 80px}.apartat-admin-bar{margin-bottom:24px;text-align:right}.apartat-admin-bar .btn-edit-main{padding:8px 18px;background:#4f6d7a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.apartat-admin-bar .btn-edit-main:hover{background:#3d5a66}.apartat-section{margin-bottom:40px}.apartat-description{margin:0;font-size:17px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.galeria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #4f6d7a}.galeria-buida{color:var(--text-muted);font-style:italic;padding:10px 0}.btn-back{padding:10px 20px;background:#4f6d7a;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.btn-back:hover{background:#3d5a66}@media(max-width:768px){.apartat-hero{height:260px}.apartat-hero h1{font-size:30px}.galeria-grid{grid-template-columns:repeat(2,1fr)}}.familia-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);transition:transform .3s,box-shadow .3s,background .2s;position:relative;display:flex;flex-direction:column}.familia-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-md)}.familia-card-link{text-decoration:none;color:inherit;display:block;flex:1}.familia-card-image{width:100%;height:220px;overflow:hidden;background:var(--image-placeholder);position:relative}.familia-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.familia-card:hover .familia-card-image img{transform:scale(1.05)}.familia-card-tag{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px}.familia-card-ubicacio{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:20px;background:#0000008c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.familia-card-content{padding:20px}.familia-card-content h3{margin:0 0 6px;font-size:20px;color:var(--text-primary);font-weight:700}.familia-card-desc{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.familia-card-actions{display:flex;gap:10px;padding:15px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.familia-card-actions .btn-edit,.familia-card-actions .btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.familia-card-actions .btn-edit{background:#48734c;color:#fff}.familia-card-actions .btn-edit:hover{background:#3a5f3e}.familia-card-actions .btn-delete{background:#f56565;color:#fff}.familia-card-actions .btn-delete:hover{background:#e53e3e}.plantes-page{min-height:100vh;background:var(--bg-page)}.plantes-header{position:relative;background:#48734c;padding:50px 20px 40px;color:#fff;overflow:hidden}.plantes-header-texture{position:absolute;inset:0;opacity:.06;background-image:radial-gradient(ellipse 80px 120px at 15% 40%,rgba(255,255,255,.6) 0%,transparent 60%),radial-gradient(ellipse 60px 100px at 85% 25%,rgba(255,255,255,.5) 0%,transparent 60%),radial-gradient(ellipse 70px 110px at 45% 75%,rgba(255,255,255,.5) 0%,transparent 60%),radial-gradient(ellipse 50px 90px at 70% 60%,rgba(255,255,255,.4) 0%,transparent 60%),radial-gradient(ellipse 90px 130px at 30% 15%,rgba(255,255,255,.4) 0%,transparent 60%);pointer-events:none}.plantes-header-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.plantes-header-content h1{margin:12px 0 8px;font-size:42px;font-weight:800;letter-spacing:-.5px}.plantes-header-content p{margin:0;font-size:16px;opacity:.75}.plantes-content{max-width:1200px;margin:0 auto;padding:40px 20px}.plantes-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.plantes-content-header h2{margin:0;font-size:28px;color:var(--text-primary)}.plantes-content-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-horticultura{padding:10px 20px;background:transparent;color:#48734c;border:2px solid #48734c;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-horticultura:hover{background:#48734c;color:#fff}.plantes-content-header .btn-create{padding:12px 24px;background:#48734c;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.plantes-content-header .btn-create:hover{background:#3a5f3e;transform:translateY(-2px)}.plantes-subfilters{display:flex;align-items:center;gap:10px;margin:-10px 0 30px;padding:12px 16px;background:var(--bg-card-alt);border-radius:8px;flex-wrap:wrap}.subfilter-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.subfilter-btn{padding:5px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.subfilter-btn:hover{border-color:#48734c;color:#48734c}.subfilter-btn.active{background:#48734c;border-color:#48734c;color:#fff}.plantes-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.plantes-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 18px;border:2px solid var(--border);border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#48734c;color:#48734c}.filter-btn.active{background:#48734c;border-color:#48734c;color:#fff}.plantes-search{flex:0 1 300px;min-width:200px}.search-input{width:100%;padding:10px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-card);color:var(--text-primary);transition:border-color .3s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#48734c}.search-input::placeholder{color:var(--text-secondary)}@media(max-width:768px){.plantes-header-content h1{font-size:32px}.plantes-content-header{flex-direction:column;gap:15px;align-items:flex-start}.plantes-toolbar{flex-direction:column;align-items:stretch}.plantes-search{flex:1 1 100%}.plantes-grid{grid-template-columns:1fr}}.planta-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px var(--shadow-sm);transition:transform .3s,box-shadow .3s,background .2s;position:relative;display:flex;flex-direction:column}.planta-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-md)}.planta-card-image{width:100%;height:220px;overflow:hidden;background:var(--image-placeholder);position:relative}.planta-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.planta-card:hover .planta-card-image img{transform:scale(1.05)}.planta-card-tag{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px}.planta-card-ubicacio{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:20px;background:#0000008c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.planta-card-content{padding:20px;flex:1}.planta-card-content h3{margin:0 0 4px;font-size:20px;color:var(--text-primary);font-weight:600}.planta-card-llati{margin:0 0 10px;font-size:14px;color:var(--text-secondary);font-style:italic}.planta-card-desc{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.planta-card-actions{display:flex;gap:10px;padding:15px;background:var(--bg-card-alt);border-top:1px solid var(--border)}.planta-card-actions .btn-edit,.planta-card-actions .btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.planta-card-actions .btn-edit{background:#48734c;color:#fff}.planta-card-actions .btn-edit:hover{background:#3a5f3e}.planta-card-actions .btn-delete{background:#f56565;color:#fff}.planta-card-actions .btn-delete:hover{background:#e53e3e}.familia-page{min-height:100vh;background:var(--bg-page)}.familia-hero{height:320px;background-size:cover;background-position:center;position:relative}.familia-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000040,#000000b3);display:flex;align-items:flex-end;padding:40px 20px}.familia-hero-content{max-width:1000px;margin:0 auto;width:100%;color:#fff}.familia-hero-content .breadcrumb{display:inline-block;color:#ffffffd9;text-decoration:none;margin-bottom:18px;font-size:14px;font-weight:500;transition:color .2s}.familia-hero-content .breadcrumb:hover{color:#fff}.familia-hero-tag{display:inline-block;padding:4px 12px;background:#0006;border-radius:16px;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.familia-hero h1{margin:0 0 10px;font-size:42px;font-weight:800;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.4)}.familia-hero-desc{margin:0;font-size:16px;opacity:.9;max-width:700px}.familia-content{max-width:1200px;margin:0 auto;padding:30px 20px 80px}.familia-admin-bar{margin-bottom:20px;text-align:right}.btn-edit-familia{padding:8px 18px;background:transparent;color:#48734c;border:2px solid #48734c;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-familia:hover{background:#48734c;color:#fff}.familia-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.familia-content-header h2{margin:0;font-size:26px;color:var(--text-primary)}.familia-content-header .btn-create{padding:12px 24px;background:#48734c;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.familia-content-header .btn-create:hover{background:#3a5f3e;transform:translateY(-2px)}.familia-toolbar{margin-bottom:30px}.familia-toolbar .search-input{width:100%;max-width:400px;padding:10px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-card);color:var(--text-primary);transition:border-color .3s;box-sizing:border-box}.familia-toolbar .search-input:focus{outline:none;border-color:#48734c}.plantes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.btn-back{padding:10px 20px;background:#48734c;color:#fff;text-decoration:none;border-radius:8px;font-weight:600}.btn-back:hover{background:#3a5f3e}@media(max-width:768px){.familia-hero{height:240px}.familia-hero h1{font-size:30px}.familia-content-header{flex-direction:column;gap:15px;align-items:flex-start}.plantes-grid{grid-template-columns:1fr}}.horticultura-page{min-height:100vh;background:var(--bg-page)}.horticultura-header{position:relative;background:#7a5b3a;padding:50px 20px 40px;color:#fff;overflow:hidden}.horticultura-header-texture{position:absolute;inset:0;opacity:.08;background-image:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,.5) 18px,rgba(255,255,255,.5) 19px),repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(255,255,255,.2) 30px,rgba(255,255,255,.2) 31px);pointer-events:none}.horticultura-header-content{position:relative;z-index:1;max-width:1000px;margin:0 auto}.horticultura-header-content h1{margin:12px 0 8px;font-size:42px;font-weight:800;letter-spacing:-.5px}.horticultura-header-content p{margin:0;font-size:16px;opacity:.85;font-style:italic}.horticultura-content{max-width:900px;margin:0 auto;padding:40px 20px 80px}.horticultura-content-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 24px}.horticultura-content-header h2{margin:0;font-size:28px;color:var(--text-primary)}.btn-create-horticultura{padding:12px 24px;background:#7a5b3a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-create-horticultura:hover{background:#5e4528;transform:translateY(-2px)}.horticultura-timeline{display:flex;flex-direction:column;gap:30px;position:relative}.horticultura-timeline:before{content:"";position:absolute;left:110px;top:0;bottom:0;width:2px;background:var(--border)}.entrada-row{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:flex-start;position:relative}.entrada-row-date{text-align:right;padding-top:16px;position:relative}.entrada-row-date:after{content:"";position:absolute;right:-22px;top:22px;width:12px;height:12px;border-radius:50%;background:#7a5b3a;border:3px solid var(--bg-page);z-index:1}.entrada-date{font-size:14px;font-weight:600;color:#7a5b3a;text-transform:capitalize}.entrada-row-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px var(--shadow-sm);transition:transform .25s,box-shadow .25s}.entrada-row-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-md)}.entrada-row-link{display:flex;text-decoration:none;color:inherit}.entrada-row-image{width:180px;flex-shrink:0;background:var(--image-placeholder)}.entrada-row-image img{width:100%;height:100%;object-fit:cover;display:block}.entrada-row-body{flex:1;padding:18px 22px}.entrada-row-body h3{margin:0 0 6px;font-size:19px;font-weight:700;color:var(--text-primary)}.entrada-row-body p{margin:0 0 8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.entrada-row-cta{font-size:13px;font-weight:600;color:#7a5b3a}.entrada-row-actions{display:flex;gap:8px;padding:10px 22px 14px;border-top:1px solid var(--border);background:var(--bg-card-alt)}.entrada-row-actions .btn-edit,.entrada-row-actions .btn-delete{flex:1;padding:6px 10px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.entrada-row-actions .btn-edit{background:#7a5b3a;color:#fff}.entrada-row-actions .btn-edit:hover{background:#5e4528}.entrada-row-actions .btn-delete{background:#f56565;color:#fff}.entrada-row-actions .btn-delete:hover{background:#e53e3e}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:18px}@media(max-width:768px){.horticultura-header-content h1{font-size:32px}.horticultura-timeline:before{left:6px}.entrada-row{grid-template-columns:1fr;padding-left:30px}.entrada-row-date{text-align:left;padding-top:0}.entrada-row-date:after{left:-27px;right:auto;top:4px}.entrada-row-link{flex-direction:column}.entrada-row-image{width:100%;height:180px}}.entrada-page{min-height:100vh;background:var(--bg-page)}.entrada-hero{height:380px;background-size:cover;background-position:center;position:relative}.entrada-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000040,#000000b3);display:flex;align-items:flex-end;padding:40px 20px}.entrada-hero-content{max-width:800px;margin:0 auto;width:100%;color:#fff}.entrada-hero-content .breadcrumb{display:inline-block;color:#ffffffd9;text-decoration:none;margin-bottom:18px;font-size:14px;font-weight:500;transition:color .2s}.entrada-hero-content .breadcrumb:hover{color:#fff}.entrada-hero-date{display:inline-block;padding:4px 12px;background:#0006;border-radius:16px;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:12px;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.entrada-hero h1{margin:0 0 10px;font-size:42px;font-weight:800;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.4)}.entrada-hero-desc{margin:0;font-size:17px;opacity:.9;font-style:italic}.entrada-content{max-width:800px;margin:0 auto;padding:40px 20px 80px}.entrada-admin-bar{margin-bottom:24px;text-align:right}.btn-edit-main{padding:10px 20px;background:#7a5b3a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-edit-main:hover{background:#5e4528}.entrada-cos{margin-bottom:50px}.entrada-cos p{margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--text-primary);white-space:pre-wrap}.entrada-galeria{margin-top:40px}.galeria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #7a5b3a}.galeria-header h3{margin:0;font-size:22px;color:var(--text-primary)}.btn-upload-galeria{padding:8px 16px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.btn-upload-galeria:hover{background:#38a169}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.galeria-item{aspect-ratio:4/3;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px var(--shadow-sm);position:relative;cursor:pointer;transition:transform .3s}.galeria-item:hover{transform:scale(1.03)}.galeria-item img{width:100%;height:100%;object-fit:cover}.galeria-delete-btn{position:absolute;top:6px;right:6px;background:#ef4444d9;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.galeria-item:hover .galeria-delete-btn{opacity:1}.empty-section{color:var(--text-muted);font-style:italic;padding:10px 0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.btn-back{padding:10px 20px;background:#7a5b3a;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.btn-back:hover{background:#5e4528}@media(max-width:768px){.entrada-hero{height:280px}.entrada-hero h1{font-size:30px}.galeria-grid{grid-template-columns:repeat(2,1fr)}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f6d7a,#3a3a3a);padding:20px}.login-box{background:var(--bg-card);padding:40px;border-radius:12px;box-shadow:0 10px 40px var(--shadow-md);width:100%;max-width:400px;transition:background .2s}.login-box h1{margin:0 0 10px;font-size:28px;color:var(--text-primary);text-align:center}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-primary);font-size:14px}.form-group input{padding:12px;border:2px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .3s,background .2s}.form-group input:focus{outline:none;border-color:#4f6d7a}.btn-login{padding:14px;background:linear-gradient(135deg,#4f6d7a,#3a3a3a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-login:disabled{opacity:.6;cursor:not-allowed}:root{--bg-page: #f8f9fa;--bg-card: #ffffff;--bg-card-alt: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #888888;--border: #e0e0e0;--navbar-bg: #ffffff;--footer-bg: #2d3748;--footer-text: #a0aec0;--shadow-sm: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--image-placeholder: #f0f0f0;--input-bg: #ffffff;--input-border: #e0e0e0;--scrollbar-track: #f1f1f1;--modal-overlay: rgba(0, 0, 0, .7)}[data-theme=dark]{--bg-page: #0f172a;--bg-card: #1e293b;--bg-card-alt: #0f172a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--navbar-bg: #1e293b;--footer-bg: #020617;--footer-text: #64748b;--shadow-sm: rgba(0, 0, 0, .35);--shadow-md: rgba(0, 0, 0, .5);--image-placeholder: #334155;--input-bg: #0f172a;--input-border: #334155;--scrollbar-track: #1e293b;--modal-overlay: rgba(0, 0, 0, .85)}*{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;color:var(--text-primary);background:var(--bg-page);transition:background .2s,color .2s}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:18px;color:var(--text-secondary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;padding:20px;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}