:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:600px;margin:0 auto;padding:20px}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}.header{margin-bottom:32px;text-align:center}.header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--text-muted)}.form-control{width:100%;padding:12px 16px;background:#0f172a80;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}select.form-control option{background-color:#1e293b}.btn{width:100%;padding:14px;background:linear-gradient(to right,var(--primary),#6366f1);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.history-list{margin-top:40px}.history-item{margin-bottom:12px;padding:16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px}.history-item .site{font-weight:600;color:#60a5fa}.history-item .meta{font-size:.8rem;color:var(--text-muted);display:flex;justify-content:space-between;margin-top:4px}.pwa-install-banner{background:#3b82f6;color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;cursor:pointer;font-weight:600}.region-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.region-tag{padding:6px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:20px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.region-tag:hover{background:#ffffff1a}.region-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-input{margin-bottom:12px}.collaborator-section{margin-top:15px;border-top:1px solid var(--glass-border);padding-top:15px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{padding:4px 10px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:4px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px}.tag:hover{background:#ffffff1a}.tag.selected{background:var(--primary);border-color:var(--primary);color:#fff}.tag.recent{border-style:dashed}.tag-remove{font-weight:700;font-size:1rem;line-height:1}.search-dropdown{position:relative}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid var(--glass-border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 10px 25px #00000080}.dropdown-item{padding:10px 16px;cursor:pointer}.dropdown-item:hover{background:var(--primary)}.photo-upload-section{margin-top:15px;border-top:1px solid var(--glass-border);padding-top:15px}.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:10px}.photo-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--glass-border)}.photo-preview img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.history-photos{display:flex;gap:5px;margin-top:8px;overflow-x:auto;padding-bottom:5px}.history-photo{width:60px;height:60px;border-radius:4px;object-fit:cover;cursor:pointer}.table-responsive{overflow-x:auto;border-radius:12px;background:#ffffff08;border:1px solid var(--glass-border)}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th,.history-table td{padding:12px 10px;text-align:center;border-bottom:1px solid var(--glass-border)}.history-table th{background:#ffffff0d;color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.history-table tr:hover td{background:#ffffff05}.action-btn{background:none;border:none;font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.action-btn.edit{color:#3b82f6}.action-btn.edit:hover{background:#3b82f61a}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef44441a}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.page-btn{background:var(--glass-card);border:1px solid var(--glass-border);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn:not(:disabled):hover{background:var(--primary);border-color:var(--primary)}.page-info{font-size:.9rem;color:var(--text-muted)}