:root{line-height:1.5;font-weight:400}body{margin:0;background:var(--bg-main);color:var(--text-main)}body,body *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}body,button,input,textarea,select{font-family:Inter,system-ui,-apple-system,sans-serif}.spinner-container{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.spinner-bars{display:flex;gap:6px}.spinner-bars span{width:6px;height:26px;border-radius:4px;background:var(--text-main);animation:spinnerBars .9s ease-in-out infinite}.spinner-bars span:nth-child(2){animation-delay:.2s}.spinner-bars span:nth-child(3){animation-delay:.2s}@keyframes spinnerBars{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.theme-fab{position:fixed;bottom:22px;left:22px;width:50px;height:50px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-surface);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft);opacity:.9;transition:opacity .3s ease,transform .2s ease,background-color .2s ease;z-index:9999}.theme-fab:hover{opacity:1;transform:translateY(-4px)}.help-fab{position:fixed;bottom:84px;left:22px;width:50px;height:50px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-surface);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft);opacity:.9;transition:opacity .3s ease,transform .2s ease,background-color .2s ease;z-index:9999}.help-fab:hover{opacity:1;transform:translateY(-4px)}@media(max-width:768px){.help-fab,.theme-fab{width:40px;height:40px}}:root{--color-primary: #ffc800;--color-primary-hover: #d8b01fea;--bg-main: #f4f5f7;--bg-surface: #ffffff;--text-main: #1f1f1f;--text-muted: #6b7280;--border-light: #e5e7eb;--shadow-soft: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}.dark{--bg-main: #1f1f1f;--bg-surface: #2a2a2a;--text-main: #ffffff;--text-muted: #a1a1aa;--border-light: #3f3f463f;--shadow-soft: 0 4px 12px rgba(0,0,0,.35)}.select-ui{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:6px;padding:10px 36px 10px 12px;font-size:14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .08s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select-ui:hover{border-color:#d4d4d8}.select-ui:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f4c20d33}.select-ui:active{transform:scale(.995)}.select-ui:disabled{opacity:.6;cursor:not-allowed}.input-ui{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .08s ease}.input-ui:hover{border-color:#d4d4d8}.input-ui:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f4c20d33}.input-ui:active{transform:scale(.995)}.input-ui::placeholder{color:var(--text-muted);opacity:.8}.input-ui:disabled{opacity:.6;cursor:not-allowed}.input-ui:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--bg-surface) inset;-webkit-text-fill-color:var(--text-main)}.btn-ui-type-1{background:var(--color-primary);color:#1f1f1f;border:none;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:500;justify-content:center;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,transform .08s ease}.btn-ui-type-1:hover{background:var(--color-primary-hover)}.btn-ui-type-1:active{transform:scale(.97)}.btn-ui-type-1:focus{outline:none;box-shadow:0 0 0 2px #f4c20d40}.btn-ui-type-1:disabled{opacity:.6;cursor:not-allowed}.btn-ui-delete{background:#c62828;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s ease,transform .08s ease,box-shadow .18s ease}.btn-ui-delete:hover{background:#b71c1c}.btn-ui-delete:active{transform:scale(.97)}.btn-ui-delete:focus{outline:none;box-shadow:0 0 0 2px #c6282840}.btn-ui-delete:disabled{opacity:.6;cursor:not-allowed}.btn-ui-save{background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s ease,transform .08s ease,box-shadow .18s ease}.btn-ui-save:hover{background:#256628}.btn-ui-save:active{transform:scale(.97)}.btn-ui-save:focus{outline:none;box-shadow:0 0 0 2px #2e7d3240}.btn-ui-save:disabled{opacity:.6;cursor:not-allowed}.btn-ui-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--bg-main);border:2px solid var(--border-light);border-radius:6px;color:var(--text-main);font-size:13px;font-weight:500;padding:6px 10px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .08s ease}.btn-ui-back:hover{background:var(--bg-surface)}.btn-ui-back:active{transform:scale(.97)}.btn-ui-back:focus{outline:none;box-shadow:0 0 0 2px #ffffff14}.file-input-ui{display:none}.file-input-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary);color:#1f1f1f;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:500;cursor:pointer;width:fit-content;transition:background-color .18s ease,box-shadow .18s ease,transform .08s ease}.file-input-label:hover{background:var(--color-primary-hover)}.file-input-label:active{transform:scale(.97)}.file-input-label svg{opacity:.9}.main-component-container{display:flex;flex-direction:column;gap:8px}.main-component-title{margin-bottom:0;font-weight:900}.main-component-subtitle{opacity:.5}.main-component-listing{opacity:.3;margin:0;font-size:13px}.main-component-divider{margin:5px;border:none;border-top:1px solid var(--border-light)}.secondary-component-container{display:flex;flex-direction:column;gap:4px}@media(max-width:640px){.profile-licencia .file-input-label,.btn-ui-delete,.btn-ui-save{width:100%}.main-component-subtitle{font-size:smaller}.main-component-listing{font-size:12px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100svh;padding-left:1rem;padding-right:1rem;background:radial-gradient(circle at top,rgba(0,0,0,.1),transparent 60%),var(--bg-main)}.login-card{width:100%;max-width:380px;padding:28px 26px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:0 2px 4px #0000000a,0 6px 14px #0000000f;transition:box-shadow .25s ease,transform .18s ease}@keyframes loginCardEnter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-ui-card{animation:loginCardEnter .45s ease}.login-title{margin:0;font-size:22px;text-align:center}.login-subtitle{margin-top:6px;font-size:14px;text-align:center;color:var(--text-muted)}.login-form{margin-top:24px;display:flex;flex-direction:column;gap:14px}.login-form label{font-size:13px;display:flex;flex-direction:column;gap:4px}.login-message-link{font-size:inherit;line-height:inherit;font-weight:inherit}.login-message button{margin-top:0%;font-size:medium}.login-logo{width:110px;height:auto;display:block;margin:0 auto 12px;opacity:.95}.login-ui-link{background:none;border:none;margin-top:16px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:color .18s ease,transform .08s ease}.login-ui-link:hover{color:var(--color-primary)}.login-ui-link:active{transform:scale(.97)}.login-ui-link:focus{outline:none;text-decoration:underline}.dark .login-logo{filter:drop-shadow(1px 1px 1px rgba(255,255,255,.089)) drop-shadow(1px 1px 1px rgba(255,255,255,.062))}.navbar{display:flex;justify-content:space-between;align-items:stretch;padding:0 22px;height:82px;background:var(--bg-surface);box-shadow:0 0 40px #0000001a;position:relative;z-index:1200}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-title{font-weight:700;font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,.164);letter-spacing:.4px;color:var(--color-primary)}.navbar-right{display:flex;align-items:stretch}.menu-button{border:none;background:transparent;color:var(--text-main);font-size:24px;width:44px;height:44px;display:none;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:color .18s ease,background .18s ease,transform .25s ease}.menu-button.open{transform:rotate(90deg)}@media(hover:hover){.menu-button:hover{color:var(--color-primary);background:var(--bg-main)}}.menu-button:active{transform:scale(.92);background:var(--border-light)}.profile-button{display:flex;align-items:center;padding:0 16px;border:none;background:transparent;color:var(--text-main);text-decoration:none;font-size:1rem;cursor:pointer;transition:background .7s ease,color .18s ease,transform .3s ease}.profile-button:hover{background:var(--color-primary-hover);transform:translate(2px)}.profile-button.active{background:var(--color-primary);color:var(--text-main)}.logout-button{display:flex;align-items:center;gap:6px;padding:0 16px;border:none;background:transparent;color:var(--text-main);font-size:1rem;cursor:pointer;transition:background .7s ease,color .18s ease,transform .3s ease}.logout-button:hover{background:#a80303d2;color:#fff;transform:translate(2px)}.logout-button:active{transform:scale(1.1)}@media(max-width:900px){.profile-button,.logout-button{font-size:.9rem}.navbar-title{display:none}}@media(max-width:768px){.menu-button{display:block}}@media(max-width:600px){.profile-button,.logout-button{font-size:.69rem;line-break:none;padding:0 12px}}.navbar-logo{height:56px;width:auto;margin-left:6px;display:block;object-fit:contain;transition:transform .18s ease}.navbar-logo:hover{transform:scale(1.15)}.dark .navbar-logo{filter:drop-shadow(1px 1px 1px rgba(255,255,255,.089)) drop-shadow(1px 1px 1px rgba(255,255,255,.062))}.sidebar{width:300px;background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;box-shadow:4px 0 5px #00000014}.sidebar-menu{padding:12px 10px;flex:1;overflow-y:auto}.sidebar-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:42px;margin-bottom:10px;padding:0 14px;border:none;background:transparent;color:var(--text-main);text-align:left;font-size:14px;cursor:pointer;border-radius:6px;position:relative;transition:background .9s ease,transform .5s ease,box-shadow .5s ease}.sidebar-item:hover{background:var(--bg-main);transform:translate(5px)}.sidebar-item.active{background:var(--bg-main);font-weight:700;box-shadow:inset 0 0 0 1px var(--border-light)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--color-primary);border-radius:50px}.sidebar-badge{background:var(--color-primary);color:#000;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;transition:transform .12s ease}.sidebar-item:hover .sidebar-badge{transform:scale(1.05)}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@media(max-width:768px){.sidebar{position:absolute;top:0;width:100%;height:100%;background:var(--bg-surface);transform:translate(-100%);transition:transform .35s ease;z-index:1000}.sidebar.open{transform:translate(0)}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.layout-body{flex:1;display:flex;min-height:0;position:relative}.layout-content{flex:1;padding:24px;overflow-y:auto}.page-container{max-width:1200px;width:100%;margin:0 auto}@media(max-width:768px){.layout-content{padding:16px}}.confirm-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFade .18s ease}.confirm-box{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;padding:22px 24px;width:100%;max-width:360px;box-shadow:0 14px 34px #0003;animation:modalPop .18s ease}.confirm-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-bottom:12px}.confirm-header svg{color:#e53935}.confirm-message{margin:0 0 18px;font-size:14px;color:var(--text-muted);line-height:1.4}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-cancel{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-light);border-radius:6px;padding:8px 14px;cursor:pointer;transition:background-color .18s ease,transform .08s ease}.confirm-cancel:hover{background:var(--border-light)}.confirm-cancel:active{transform:scale(.96)}.confirm-confirm{background:#c62828;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:background-color .18s ease,transform .08s ease}.confirm-confirm:hover{background:#b71c1c}.confirm-confirm:active{transform:scale(.96)}.confirm-confirm:disabled,.confirm-cancel:disabled{opacity:.6;cursor:not-allowed}.profile-header{display:grid;grid-template-columns:1fr auto;align-items:center}.profile-header-text p{margin:0}.profile-warning{font-size:.85rem;color:var(--text-muted);padding-top:.8rem}.profile-avatar{width:clamp(70px,12vw,110px);margin-top:0rem;padding:1rem}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-section{margin-bottom:28px;border-top:1px solid var(--border-light)}.profile-section h3{margin-bottom:0;font-size:x-large}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;word-break:break-word}.profile-grid p{margin-bottom:1px}.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-form label{display:flex;flex-direction:column;font-size:.9rem;gap:6px}.profile-checkbox{grid-column:span 2;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;font-size:.9rem}.profile-checkbox input{width:auto;transform:scale(1.1);cursor:pointer}.profile-licencia{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:14px}.profile-licencia h4{margin:0}.profile-licencia-link{color:var(--color-primary);font-weight:500;text-decoration:none;width:fit-content}.profile-licencia-link:hover{text-decoration:underline}.profile-licencia-buttons{display:flex;gap:10px;flex-wrap:wrap;max-width:100%}.profile-licencia-buttons .file-input-label{display:inline-flex;align-items:center;justify-content:center;max-width:100%;box-sizing:border-box}@media(max-width:600px){.profile-licencia-buttons{flex-direction:column}.profile-licencia-buttons .file-input-label,.profile-licencia-buttons .btn-ui-delete{width:100%}}.profile-save-row{margin-top:22px;display:flex;justify-content:flex-start}@media(max-width:900px){.profile-grid,.profile-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.profile-header{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-header-text{order:2}.profile-avatar{order:1;margin-bottom:10px}.profile-grid,.profile-form{grid-template-columns:1fr}.profile-checkbox{grid-column:span 1}.profile-actions{flex-direction:column}.profile-warning{padding-top:.5rem;padding-bottom:.4rem}}.recursos-header{display:flex;justify-content:space-between;align-items:center}.recursos-upload{display:flex;align-items:center;gap:10px}.recursos-upload input{cursor:pointer}.recursos-list{display:flex;flex-direction:column;gap:12px}.recurso-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.recurso-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.recurso-icon{display:flex;align-items:center;gap:6px}.recurso-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--bg-main);border:1px solid var(--border-light);color:var(--text-muted)}.recurso-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);overflow:hidden;width:100%;max-width:100%}.recurso-icon{font-size:18px;flex-shrink:0;opacity:.9}.recurso-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;flex:1}.recurso-link:hover .recurso-name{text-decoration:underline}@media(max-width:640px){.recursos-header{flex-direction:column;align-items:flex-start;gap:12px}.recurso-item{flex-direction:column;align-items:flex-start;gap:10px}.recurso-delete{width:100%}}.file-input-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.recursos-file-name{font-size:13px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.recursos-upload{flex-wrap:wrap;gap:8px}.file-input-label,.btn-ui-type-1{padding:8px 12px;font-size:13px}}.notfound-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.notfound-card{text-align:center;padding:40px;background:var(--bg-surface);border-radius:10px;box-shadow:0 4px 20px #0000000f;border:1px solid var(--border-light)}.notfound-code{font-size:56px;font-weight:600;margin:0;color:var(--text-main)}.notfound-title{margin-top:10px;font-size:22px;font-weight:500}.notfound-text{margin-top:8px;color:var(--text-muted)}.notfound-icon{color:var(--text-muted);margin-bottom:10px;opacity:.8}.birthday-toast{white-space:normal;background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;padding:16px 18px;font-size:14px;line-height:1.5;max-width:360px;box-shadow:0 10px 28px #0000002e}.birthday-toast strong{display:block;margin-bottom:6px}.birthday-toast p{margin:0;color:var(--text-muted)}@media(max-width:640px){.birthday-toast{max-width:90vw;font-size:13px}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9998}.confetti{position:absolute;width:8px;height:8px;animation:confettiFall 3s linear forwards}.confetti:nth-child(4n){background:#fbbf24}.confetti:nth-child(4n+1){background:#22c55e}.confetti:nth-child(4n+2){background:#3b82f6}.confetti:nth-child(4n+3){background:#ef4444}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.help-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFade .18s ease}.help-box{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;padding:22px 24px;width:100%;max-width:700px;box-shadow:0 14px 34px #0003;animation:modalPop .18s ease}.help-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-bottom:12px}.help-header svg{color:var(--color-primary)}.help-content{font-size:14px;color:var(--text-muted);line-height:1.45;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.help-actions{display:flex;justify-content:flex-end}.help-close{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border-light);border-radius:6px;padding:8px 14px;cursor:pointer;transition:background-color .18s ease,transform .08s ease}.help-close:hover{background:var(--border-light)}.help-close:active{transform:scale(.96)}.help-images{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.help-images img{width:100%;object-fit:contain;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-main)}.news-user-list{display:flex;flex-direction:column;gap:16px;margin-top:.7rem}.news-user-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.news-unread{border-left:4px solid var(--color-primary)}.news-user-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.news-user-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.news-user-title-card{font-size:1.1rem}.news-user-date{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.news-user-divider{height:1px;background:var(--border-light);opacity:.6}.news-user-body{white-space:pre-line;line-height:1.45;color:var(--text-main)}.news-user-media{width:100%}.news-user-image{width:100%;border-radius:6px}.news-user-file{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;text-decoration:none;color:var(--color-primary)}.news-user-footer{margin-top:6px;display:flex;justify-content:flex-end;align-items:center}.news-user-read{display:inline-flex;align-items:center;gap:6px;color:#22c55e;font-weight:500}.news-user-read-btn{font-size:.85rem}@media(max-width:640px){.news-user-header{flex-direction:column;gap:4px}.news-user-date{white-space:normal}}.recibos-user-year-header{cursor:pointer;font-weight:600;margin-top:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 8px;border-radius:6px;transition:background .15s ease}.recibos-user-year-header:hover{background:var(--bg-surface)}.recibos-user-badge{display:flex;align-items:center;gap:4px;color:#ef4444;font-size:.85rem}.recibos-user-month{margin-left:20px;border-left:2px solid var(--border-light);padding-left:12px}.recibos-user-month-header{cursor:pointer;margin-top:6px;display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;color:var(--text-muted)}.recibos-user-month-header:hover{background:var(--bg-surface)}.recibos-user-month-badge{display:flex;align-items:center;color:#ef4444}.recibos-user-year-content,.recibos-user-month-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.recibos-user-year-content.open,.recibos-user-month-content.open{max-height:1000px;opacity:1}.recibos-user-card{margin-left:20px;margin-top:8px;padding:12px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"file actions" "status actions";gap:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.recibos-user-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.recibos-user-file{grid-area:file;display:flex;align-items:center;gap:6px;font-weight:500}.recibos-user-actions{grid-area:actions;display:flex;align-items:center;gap:8px}.recibos-user-actions button{width:auto}.recibos-user-status{grid-area:status;display:flex;align-items:center;gap:6px;min-height:20px;color:#4caf50;font-size:.9rem}@media(max-width:640px){.recibos-user-card{display:flex;flex-direction:column}.recibos-user-actions{flex-direction:column;align-items:stretch}.recibos-user-actions button{width:100%}}.cap-user-items{display:flex;flex-direction:column;gap:14px;margin-top:6px}.cap-user-item{border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);padding:14px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"header action" "video video";gap:10px 14px;transition:transform .12s ease,box-shadow .12s ease}.cap-user-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.cap-user-item-header{grid-area:header;display:flex;align-items:center;gap:8px;min-width:0}.cap-user-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cap-user-title-item{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-user-item button{grid-area:action;align-self:center}.cap-video-preview{grid-area:video;position:relative;cursor:pointer;max-width:560px;width:100%;margin:auto}.cap-video-preview img{width:100%;border-radius:6px}.cap-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px}.cap-video-frame{grid-area:video;width:100%;max-width:560px;height:315px;border:none;border-radius:6px;margin:auto}@media(max-width:700px){.cap-user-item{display:flex;flex-direction:column}.cap-user-item button{width:100%}.cap-video-frame{height:220px}}.useful-info-title{font-weight:700}.useful-info-header h3{margin:0;font-size:15px;white-space:pre-line;word-break:break-word;line-height:1.35}.useful-info-description{white-space:pre-line;word-break:break-word;font-size:14px}@media(max-width:700px){.useful-info-list{grid-template-columns:1fr}}.directives-section{display:flex;flex-direction:column;gap:10px}.directives-section-unread{color:#dc2626;display:flex;align-items:center;gap:6px}.directives-section-read{margin-top:10px;display:flex;align-items:center;gap:6px}.directive-status-icon.unread{color:#dc2626}.directive-status-icon.read{color:#16a34a}.directive-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease;position:relative}.directive-unread-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ef4444;border-top-left-radius:8px;border-bottom-left-radius:8px}.directive-left{display:flex;align-items:center;gap:12px;min-width:0}.directive-right{display:flex;align-items:center}.directive-info{display:flex;flex-direction:column;min-width:0}.directive-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.directive-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directive-date{font-size:12px;color:var(--text-muted)}.directive-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.directive-status.unread{color:#dc2626}.directive-status.read{color:#16a34a}.directive-open-btn{display:flex;align-items:center;gap:6px}.directive-read-item{opacity:.7}@media(max-width:640px){.directive-item{flex-direction:column;align-items:flex-start;gap:10px}.directive-left,.directive-right,.directive-right button{width:100%}}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:1.5rem}.admin-card{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-main);padding:24px 22px;border-radius:10px;text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.admin-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 14px 30px #00000029}.admin-card h2{font-size:32px;margin-bottom:8px;opacity:.85}.admin-card h3{font-size:38px;font-weight:600;margin-bottom:6px;letter-spacing:-.4px}.admin-card p{font-size:14px;color:var(--text-muted);margin-bottom:6px}.admin-card-alert{margin-top:6px;color:#ff6b6b;font-size:13px;font-weight:500}.admin-card-warning{border:2px solid rgba(255,107,107,.75);box-shadow:0 0 0 2px #ff6b6b40,0 6px 18px #ff6b6b26,var(--shadow-soft)}.admin-card-warning:hover{border-color:#ff6b6bf2;box-shadow:0 0 0 2px #ff6b6b59,0 10px 24px #ff6b6b38,0 14px 30px #0000002e}@media(max-width:768px){.admin-panel{padding:16px}.admin-cards{gap:16px}.admin-card{padding:20px}}.reads-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFade .18s ease}.reads-modal{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-light);border-radius:10px;width:90%;max-width:420px;max-height:75vh;overflow:hidden;padding:22px 24px;position:relative;display:flex;flex-direction:column;gap:14px;box-shadow:0 14px 34px #0003;animation:modalPop .18s ease}.reads-close{position:absolute;top:10px;right:10px;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .1s ease}.reads-close:hover{color:var(--text-main)}.reads-close:active{transform:scale(.92)}.reads-section{display:flex;flex-direction:column;gap:6px}.reads-title{font-size:14px;font-weight:600;position:sticky;top:0;background:var(--bg-surface);padding-bottom:4px;z-index:1}.reads-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.reads-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 8px;border-radius:6px;background:var(--bg-main)}.reads-item.unread{opacity:.7}.reads-item:first-child{background:#64a0ff1f}.reads-name{font-weight:500}.reads-date{font-size:11px;color:var(--text-muted)}.reads-empty{font-size:13px;color:var(--text-muted)}.reads-list::-webkit-scrollbar{width:6px}.reads-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-news-form{display:flex;flex-direction:column;gap:10px}.panel-news-form-top,.useful-info-form-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel-news-form-top input[type=text]{flex:2;min-width:0;width:100%}.panel-news-file{display:flex;align-items:center;gap:10px;flex:1.5;min-width:0;width:100%}.panel-news-file input[type=file]{display:none}.panel-news-file-name{font-size:.85rem;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-news-form-top button{white-space:nowrap}.panel-news-textarea{width:100%;min-height:70px;resize:vertical;box-sizing:border-box}.panel-news-divider{height:1px;background:var(--border-light)}.panel-news-list{display:flex;flex-direction:column;gap:12px}.news-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.news-inactive{opacity:.55}.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.news-card-info{display:flex;flex-direction:column;gap:4px}.news-date{font-size:.85rem;color:var(--text-muted)}.news-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.news-eye-button{display:flex;align-items:center;gap:6px}.panel-news-file .file-input-label{flex-shrink:0}@media(max-width:640px){.panel-news-form-top{flex-direction:column;align-items:stretch}.panel-news-form-top input,.panel-news-form-top button{width:100%}.panel-news-file{flex-direction:column;align-items:stretch;width:100%}.panel-news-file .file-input-label{width:100%;max-width:100%}.news-card{flex-direction:column;align-items:flex-start;gap:10px}.news-actions{width:100%;flex-wrap:wrap}.news-actions button{flex:1;justify-content:center}}@media(max-width:900px){.useful-info-form-top{flex-direction:column;align-items:stretch}.useful-info-form-top input,.useful-info-form-top button{width:100%}}.admin-news-detail{display:flex;flex-direction:column;gap:20px}.admin-news-form{display:flex;flex-direction:column;gap:12px}.admin-news-current{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft)}.admin-news-current-label{font-size:.8rem;color:var(--text-muted)}.admin-news-file-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);text-decoration:none}.admin-news-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-news-detail .btn-ui-delete{align-self:flex-start;width:auto}.admin-news-file{display:flex;align-items:center;gap:10px}.admin-news-file button{display:flex;align-items:center;gap:6px}.admin-news-file input[type=file]{display:none}.admin-news-file-name{font-size:.85rem;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.admin-news-actions{flex-direction:column;align-items:stretch}.admin-news-file{flex-direction:column;align-items:stretch;width:100%}.admin-news-file button,.btn-ui-save,.admin-news-detail .btn-ui-delete{width:100%}}.cap-admin-form{display:flex;gap:10px;width:100%;margin-bottom:24px}.cap-admin-form input{flex:1;min-width:0}.cap-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cap-folder-card{border:1px solid var(--border-light);border-radius:10px;background:var(--bg-surface);padding:18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.cap-folder-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:10px 0 0 10px;opacity:.7}.cap-folder-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:var(--color-primary)}.cap-folder-icon{display:flex;align-items:center;color:var(--color-primary)}.cap-folder-info{display:flex;flex-direction:column;gap:4px}.cap-folder-info strong{font-size:15px}.cap-folder-info span{font-size:13px;color:var(--text-muted)}@media(max-width:700px){.cap-admin-form{flex-direction:column}.cap-admin-form button{width:100%}}.cap-folder-edit{display:flex;gap:10px;margin-bottom:16px}.cap-folder-edit input{flex:1}.cap-add-item{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.cap-add-item input[type=text]{flex:1}.cap-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cap-file input[type=file]{display:none}.cap-file-name{font-size:.85rem;color:var(--text-muted)}.cap-items-list{display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;margin-top:10px}.cap-item-row{display:grid;grid-template-columns:30px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-light)}.cap-item-row:last-child{border-bottom:none}.cap-item-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cap-item-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-item-type{margin-left:6px;font-size:12px;color:var(--text-muted)}.cap-item-link a{font-size:14px;color:var(--color-primary);text-decoration:none}.cap-item-link a:hover{text-decoration:underline}.cap-actions-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.cap-item-delete{padding:4px 10px}@media(max-width:700px){.cap-folder-edit,.cap-add-item{flex-direction:column}.cap-add-item button{width:100%}.cap-item-row{grid-template-columns:26px 1fr auto auto;gap:8px;font-size:14px}.cap-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.cap-item-link a{font-size:13px}.cap-item-delete{padding:4px 8px;font-size:13px}}@media(max-width:700px){.cap-actions-row{flex-direction:column;align-items:stretch}.cap-actions-row button{width:100%}}.search-input{position:relative;width:100%}.search-input input{width:100%;padding:6px 10px;box-sizing:border-box;border-radius:6px;font-size:14px}.search-input input:focus{outline:none}.recibos-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.recibos-list{display:flex;flex-direction:column;gap:10px}.recibos-user-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-light);transition:transform .12s ease,box-shadow .12s ease}.recibos-user-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.recibos-user-info{font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.recibo-badge{margin-left:6px;background:#eab3081f;color:#eab308;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.recibos-manage-btn{display:flex;align-items:center;gap:6px}@media(max-width:600px){.recibos-user-row{flex-direction:column;align-items:flex-start;gap:10px}.recibos-manage-btn{width:100%;justify-content:center}}@media(max-width:480px){.recibo-badge{font-size:10px;padding:2px 6px;margin-left:4px}}.recibos-detalle-periodo-label{font-size:14px;color:var(--text-muted)}.btn-icon{margin-right:6px;vertical-align:middle}.recibos-detalle-upload{display:flex;align-items:center;gap:10px;margin:14px 0 22px;width:100%}.recibos-detalle-upload select{flex:0 0 auto;width:110px}.recibos-detalle-upload select:nth-child(2){width:160px}.recibos-detalle-file{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.recibos-detalle-file input{display:none}.recibos-detalle-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text-muted)}.recibos-detalle-year-header{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;margin-top:14px;padding:6px 8px;border-radius:6px;transition:background .15s ease}.recibos-detalle-year-header:hover{background:var(--bg-surface)}.recibos-detalle-month{margin-left:20px;border-left:2px solid var(--border-light);padding-left:12px}.recibos-detalle-month-header{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:10px;color:var(--text-muted);padding:4px 6px;border-radius:6px}.recibos-detalle-month-header:hover{background:var(--bg-surface)}.recibos-detalle-year-content,.recibos-detalle-month-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.recibos-detalle-year-content.open,.recibos-detalle-month-content.open{max-height:1000px;opacity:1}.recibo-detalle-card{margin-left:18px;margin-top:10px;padding:14px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"file actions" "status actions";gap:8px 16px;transition:transform .12s ease,box-shadow .12s ease}.recibo-detalle-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.recibo-detalle-file{grid-area:file;display:flex;align-items:center;gap:6px;font-weight:500}.recibo-detalle-actions{grid-area:actions;display:flex;align-items:center;gap:8px}.recibo-detalle-actions button{width:auto;flex:0 0 auto}.recibo-detalle-firmado,.recibo-detalle-pendiente{grid-area:status;display:flex;align-items:center;gap:6px;font-size:.9rem}.recibo-detalle-firmado{color:#4caf50}.recibo-detalle-pendiente{color:#f59e0b}@media(max-width:640px){.recibos-detalle-upload{flex-direction:column;align-items:stretch}.recibos-detalle-upload select{width:100%!important;flex:0 0 auto}.recibos-detalle-upload select:nth-of-type(2){width:100%!important}.recibos-detalle-file{width:100%}.recibo-detalle-card{display:flex;flex-direction:column}.recibo-detalle-actions{flex-direction:column;align-items:stretch}}.create-user-form{display:flex;flex-direction:column;gap:16px}.form-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s ease,}.form-card:hover{box-shadow:var(--shadow-soft)}.form-section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field span{font-size:13px;opacity:.7}.create-user-submit{align-self:flex-start}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.create-user-submit{width:100%}}.users-controls{display:flex;gap:10px;align-items:stretch}.users-controls input{flex:1}.users-controls button{display:flex;align-items:center;justify-content:center;gap:6px;height:36px}.users-list{display:flex;flex-direction:column;gap:10px}.user-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;animation:userFade .5s ease;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}@keyframes userFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.user-card-header{display:flex;justify-content:space-between;align-items:center}.user-card-body{display:flex;flex-direction:column;gap:2px}.user-card-body p{margin:0}.user-card-actions{display:flex;justify-content:flex-end}.user-status{display:flex;align-items:center;gap:6px;font-size:13px}.status-icon{opacity:.8}.user-status.active{color:#4caf50}.user-status.pending{color:#ffb300}.user-status.inactive{color:#ef5350}@media(max-width:600px){.users-controls{flex-direction:column;align-items:stretch}.users-controls button{width:100%}}.user-detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.user-name{margin:0;display:flex;gap:10px;flex-wrap:wrap}.user-name input{box-sizing:border-box}.user-detail-form{display:flex;flex-direction:column;gap:16px}.detail-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease}.detail-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.detail-section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600}.section-icon{opacity:.8}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.detail-field{display:flex;flex-direction:column;gap:4px;background:var(--border-light);padding:10px 12px;border-radius:6px;min-width:0}.detail-field span{font-size:12px;opacity:.7}.detail-field div{word-break:break-word}.detail-field input,.detail-field select{width:100%;box-sizing:border-box;border:1px solid var(--border-light);border-radius:4px;padding:6px 8px;background:var(--bg-surface);color:var(--text-main);transition:border-color .18s ease,box-shadow .18s ease}.detail-field input:focus,.detail-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #f4c20d33}.user-detail-form.editing .detail-field{background:transparent;border:1px dashed var(--border-light)}@media(max-width:700px){.user-detail-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:10px}.header-actions button{width:100%}.user-name{width:100%;flex-direction:column;gap:8px}.user-name input{width:100%;box-sizing:border-box}}.documents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.document-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:190px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.document-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--border-medium)}.document-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.doc-icon{opacity:.8}.document-preview{display:flex;align-items:center;justify-content:center;min-height:80px}.document-preview img{max-height:80px;object-fit:contain;border-radius:4px}.document-empty{font-size:13px;opacity:.6}.document-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.document-actions button{width:100%}.file-input input[type=file]{display:none}.document-preview a{display:flex;align-items:center;gap:6px;color:var(--text-accent);text-decoration:none}.document-preview a:hover{text-decoration:underline}@media(max-width:1400px){.documents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.documents-grid{grid-template-columns:1fr}.document-actions button{width:100%}}.useful-info-form{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.useful-info-form-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.useful-info-form-top input[type=text]{flex:2;min-width:200px}.useful-info-form-top button{white-space:nowrap}.useful-info-file{display:flex;align-items:center;gap:10px}.useful-info-file input[type=file]{display:none}.useful-info-file button{display:flex;align-items:center;gap:6px}.useful-info-file-name{font-size:.85rem;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.useful-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.useful-info-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.useful-info-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--color-primary);border-radius:8px 0 0 8px;opacity:.6}.useful-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.useful-info-header h3,.useful-info-description{white-space:pre-line;word-break:break-word}.useful-info-divider{height:1px;background:var(--border-light);opacity:.6}.useful-info-image img{width:100%;border-radius:6px;max-height:auto;object-fit:cover}.useful-info-body{display:flex;flex-direction:column;gap:6px}.useful-info-map iframe{width:100%;border:none;border-radius:6px}.useful-info-delete{margin-top:auto;display:flex;align-items:center;gap:6px;align-self:flex-start}@media(max-width:900px){.useful-info-list{grid-template-columns:1fr}.useful-info-form-top{flex-direction:column;align-items:stretch}.useful-info-form-top input,.useful-info-form-top button{width:100%}.useful-info-file{flex-direction:column;align-items:stretch}.useful-info-file button{width:100%;justify-content:center}}.directives-admin{display:flex;flex-direction:column;gap:10px}.directives-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.directives-form input[type=text]{flex:1;min-width:200px}.directives-file-container,.directives-file{display:flex;align-items:center;gap:10px}.directives-file input[type=file]{display:none}.directives-file-name{font-size:.85rem;color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directives-form button{white-space:nowrap}.directives-list{display:flex;flex-direction:column;gap:12px}.directive-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.directive-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.directive-inactive{opacity:.55}.directive-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);overflow:hidden;width:100%;max-width:100%}.directive-icon{display:flex;align-items:center;gap:6px;flex-shrink:0}.directive-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--bg-main);border:1px solid var(--border-light);color:var(--text-muted)}.directive-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;flex:1}.directive-link:hover .directive-name{text-decoration:underline}.directive-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.directive-actions button{display:flex;align-items:center;gap:6px}.directive-toggle{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.directive-toggle input{display:none}.directive-toggle-slider{width:34px;height:18px;background:var(--border-light);border-radius:20px;position:relative;transition:background .2s ease}.directive-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s ease}.directive-toggle input:checked+.directive-toggle-slider{background:var(--color-primary)}.directive-toggle input:checked+.directive-toggle-slider:before{transform:translate(16px)}.directive-toggle-label{color:var(--text-muted)}@media(max-width:640px){.directives-form{flex-direction:column;align-items:stretch}.directives-form input,.directives-form button{width:100%}.directives-file{flex-direction:column;align-items:stretch;width:100%}.directives-file button{width:100%}.directive-item{flex-direction:column;align-items:flex-start;gap:10px}.directive-actions{width:100%;flex-wrap:wrap}.directive-actions button{flex:1;min-width:120px}}