:root{--font-family-base: Arial, Helvetica, sans-serif;--color-bg: #eef3f8;--color-bg-soft: #f6f9fc;--color-surface: #ffffff;--color-surface-soft: #f8fafc;--color-surface-muted: #f1f5f9;--color-surface-dark: #111827;--color-surface-dark-soft: #1f2937;--color-text: #1f2937;--color-text-soft: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-border-soft: #f1f5f9;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #dbeafe;--color-primary-soft-hover: #cfe0ff;--color-primary-text: #1d4ed8;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-danger-bg: #fee2e2;--color-danger-text: #b91c1c;--color-neutral-bg: #e5e7eb;--color-neutral-text: #374151;--color-overlay: rgba(15, 23, 42, .45);--shadow-sm: 0 4px 12px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .05);--shadow-lg: 0 15px 35px rgba(15, 23, 42, .08);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .18);--radius-xs: 10px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 20px;--space-1: 8px;--space-2: 10px;--space-3: 12px;--space-4: 14px;--space-5: 16px;--space-6: 18px;--space-7: 20px;--space-8: 22px;--space-9: 24px;--space-10: 28px;--space-11: 32px;--input-height: 46px;--transition-fast: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base)}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-9);background:linear-gradient(135deg,#eaf1fb,#f7fbff)}.login-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-11);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.7)}.login-header{margin-bottom:var(--space-9)}.login-header h1{font-size:28px;margin-bottom:var(--space-1)}.login-header p{color:var(--color-text-soft)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-weight:600;font-size:14px;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea,.autocomplete-control input{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-group input,.autocomplete-control input,.form-group select{height:var(--input-height);padding:0 var(--space-4)}.form-group textarea{padding:12px var(--space-4);resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.autocomplete-control input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.primary-button,.secondary-button,.logout-button,.tiny-button{border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.primary-button{height:var(--input-height);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-weight:700;padding:10px var(--space-4)}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button{background:var(--color-primary-soft);color:var(--color-primary-text);padding:10px var(--space-4);border-radius:var(--radius-xs);font-weight:600}.secondary-button:hover{background:var(--color-primary-soft-hover)}.tiny-button{background:var(--color-primary-soft);color:var(--color-primary-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:12px;font-weight:700}.tiny-button:hover{opacity:.95}.danger-light{background:var(--color-danger-bg);color:var(--color-danger-text)}.neutral-light{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.error-box,.success-box{padding:12px var(--space-4);border-radius:var(--radius-sm)}.error-box{background:var(--color-danger-bg);color:var(--color-danger-text)}.success-box{background:var(--color-success-bg);color:var(--color-success-text)}.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;background:var(--color-surface-dark);color:var(--color-text-inverse);padding:var(--space-9) var(--space-6);display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);padding:var(--space-1)}.brand-badge{width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800}.brand h2{font-size:18px;margin-bottom:3px}.brand span{font-size:13px;color:var(--color-text-muted)}.menu{display:flex;flex-direction:column;gap:var(--space-2)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:13px var(--space-4);border-radius:var(--radius-sm);color:#d1d5db;transition:background var(--transition-fast),color var(--transition-fast)}.menu-item:hover{background:#ffffff0f}.menu-item.active{background:var(--color-primary);color:var(--color-text-inverse)}.logout-button{width:100%;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-dark-soft);color:var(--color-text-inverse);padding:13px var(--space-4);border-radius:var(--radius-sm)}.logout-button:hover{opacity:.95}.content-area{flex:1;padding:var(--space-9)}.topbar{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-9);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.topbar h1{font-size:24px;margin-bottom:6px}.topbar p{color:var(--color-text-soft)}.user-box{min-width:160px;background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;align-items:flex-end}.user-box span{color:var(--color-text-soft);font-size:13px;margin-top:2px}.page-content{margin-top:var(--space-9)}.page-grid{display:flex;flex-direction:column;gap:var(--space-7)}.section-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-3)}.section-header h2{font-size:20px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-5)}.dashboard-card{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-card span{color:var(--color-text-soft);font-size:14px}.dashboard-card strong{font-size:28px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7)}.simple-list{display:flex;flex-direction:column;gap:var(--space-3)}.simple-list-item{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px var(--space-5);display:flex;justify-content:space-between;gap:var(--space-2)}.empty-state{color:var(--color-text-soft);padding:20px 0}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:14px;color:var(--color-text-soft);padding:14px 10px;border-bottom:1px solid var(--color-border)}tbody td{padding:14px 10px;border-bottom:1px solid var(--color-border-soft);font-size:14px}.table-empty{text-align:center;color:var(--color-text-soft);padding:24px}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.kanban-column{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-4);min-height:300px;border:1px solid var(--color-border)}.kanban-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.kanban-header h3{font-size:16px}.kanban-header span{background:var(--color-primary-soft);color:var(--color-primary-text);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.kanban-list{display:flex;flex-direction:column;gap:var(--space-3)}.kanban-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.kanban-card strong{display:block;margin-bottom:var(--space-1)}.kanban-card p{color:#374151;font-size:14px;margin-bottom:var(--space-3)}.kanban-meta{display:flex;justify-content:space-between;gap:var(--space-1);font-size:12px;color:var(--color-text-soft);margin-top:6px}.kanban-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.kanban-empty{color:var(--color-text-soft);font-size:14px;padding:10px 0}.top-gap{margin-top:var(--space-5)}.bottom-gap{margin-bottom:var(--space-5)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-group-full{grid-column:1 / -1}.form-actions,.actions-inline{display:flex;gap:var(--space-3);flex-wrap:wrap}.list-title{font-weight:700;margin-bottom:4px}.list-subtitle{color:var(--color-text-soft);font-size:14px}.autocomplete-wrapper,.autocomplete-control{position:relative}.autocomplete-control input{padding:0 40px 0 var(--space-4)}.autocomplete-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:22px;color:var(--color-text-soft);line-height:1}.autocomplete-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:0 10px 24px #0f172a14;max-height:220px;overflow-y:auto;z-index:30}.autocomplete-option{width:100%;border:none;background:var(--color-surface);text-align:left;padding:12px var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border-soft)}.autocomplete-option:hover{background:var(--color-surface-soft)}.autocomplete-empty{padding:12px var(--space-4);color:var(--color-text-soft)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-9);z-index:1000}.modal-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-8);box-shadow:var(--shadow-xl)}.modal-large{max-width:1100px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.fotos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.foto-card{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.foto-card img{width:100%;max-height:420px;height:auto;object-fit:contain;object-position:center;border-radius:var(--radius-xs);background:var(--color-neutral-bg);display:block}@media(max-width:1100px){.kanban-board{grid-template-columns:1fr 1fr}.two-columns{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%}.topbar{flex-direction:column;align-items:flex-start}.user-box{align-items:flex-start}.form-grid{grid-template-columns:1fr}}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.kanban-board{grid-template-columns:1fr}}.sidebar-modern{height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.sidebar-top{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.sidebar-bottom{flex-shrink:0;margin-top:16px;padding-top:18px;border-top:1px solid rgba(148,163,184,.18);background:inherit}.sidebar-user-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(148,163,184,.14);margin-bottom:12px}.sidebar-user-label{font-size:12px;color:#e2e8f0b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sidebar-user-name{font-weight:800;color:#f8fafc;font-size:15px;margin-bottom:4px;line-height:1.3}.sidebar-user-role{font-size:13px;color:#e2e8f0c7}.sidebar-logout-full{width:100%;justify-content:center;border-radius:14px}