*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}
.container{max-width:800px;margin:0 auto;padding:20px}
header{text-align:center;margin-bottom:30px}
header h1{font-size:2em;color:#d32f2f}
.subtitle{color:#888;font-size:.95em}
.add-form{margin-bottom:20px}
.add-form form{display:flex;gap:10px}
.add-form input[type="url"]{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1em;outline:none;transition:border-color .2s}
.add-form input[type="url"]:focus{border-color:#d32f2f}
.add-form button{padding:12px 24px;background:#d32f2f;color:white;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:background .2s}
.add-form button:hover{background:#b71c1c}
.stats{display:flex;gap:15px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}
.stat-item{background:white;padding:10px 20px;border-radius:8px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.stat-number{display:block;font-size:1.5em;font-weight:700;color:#d32f2f}
.stat-label{font-size:.8em;color:#888}
.filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.filters a{padding:8px 16px;background:white;border-radius:20px;text-decoration:none;color:#555;font-size:.9em;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s}
.filters a.active,.filters a:hover{background:#d32f2f;color:white}
.search-form{margin-bottom:20px}
.search-form form{display:flex;gap:10px}
.search-form input[type="text"]{flex:1;padding:10px 16px;border:2px solid #ddd;border-radius:8px;font-size:.95em;outline:none}
.search-form button{padding:10px 16px;background:#555;color:white;border:none;border-radius:8px;cursor:pointer}
.article-card{background:white;border-radius:10px;padding:16px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s}
.article-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.12)}
.article-card.read{opacity:.7}
.article-card.archived{opacity:.5;background:#fafafa}
.article-main{flex:1}
.article-main h2{font-size:1.1em;margin-bottom:4px}
.article-main h2 a{color:#333;text-decoration:none}
.article-main h2 a:hover{color:#d32f2f}
.excerpt{color:#666;font-size:.9em;margin-bottom:8px}
.meta{display:flex;gap:12px;font-size:.8em;color:#999;flex-wrap:wrap}
.domain{color:#d32f2f;font-weight:500}
.badge{padding:2px 8px;border-radius:10px;font-size:.85em}
.badge-unread{background:#fff3e0;color:#e65100}
.badge-read{background:#e8f5e9;color:#2e7d32}
.badge-archived{background:#f5f5f5;color:#999}
.article-actions{margin-left:15px}
.actions-form{display:flex;gap:5px}
.actions-form button{background:none;border:1px solid #ddd;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:.9em;transition:all .2s}
.actions-form button:hover{background:#f5f5f5}
.delete-btn:hover{background:#ffebee!important;border-color:#d32f2f!important}
.empty-state{text-align:center;padding:60px 20px;color:#999}
.hint{font-size:.9em}
.reader-mode{background:#fff}
.reader-container{max-width:750px;margin:0 auto;padding:20px}
.reader-nav{display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee}
.reader-nav a{color:#d32f2f;text-decoration:none;font-size:.9em}
.reader-nav a:hover{text-decoration:underline}
.reader-header h1{font-size:2em;margin-bottom:10px;line-height:1.3;color:#222}
.reader-meta{display:flex;gap:15px;color:#888;font-size:.9em;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.reader-content{font-size:1.1em;line-height:1.8;color:#333}
.reader-content h1,.reader-content h2,.reader-content h3{margin:1.5em 0 .5em;color:#222}
.reader-content p{margin-bottom:1.2em}
.reader-content a{color:#d32f2f}
.reader-content img{max-width:100%;height:auto;margin:1em 0}
.reader-content blockquote{border-left:3px solid #d32f2f;padding-left:15px;color:#666;margin:1em 0}
.reader-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:.9em}
.reader-content pre{background:#f5f5f5;padding:15px;border-radius:8px;overflow-x:auto;margin:1em 0}
.reader-footer{margin-top:50px;padding-top:20px;border-top:1px solid #eee;display:flex;justify-content:space-between;color:#999;font-size:.9em}
.reader-footer a{color:#d32f2f;text-decoration:none}
.tags-panel{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.tags-list{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.tag-chip{padding:6px 14px;border-radius:20px;text-decoration:none;font-size:.85em;border:2px solid #ddd;color:#555;background:white;transition:all .2s;display:flex;align-items:center;gap:5px}
.tag-chip:hover{border-color:#999}
.tag-chip.active{background:#d32f2f;border-color:#d32f2f;color:white}
.tag-count{background:rgba(0,0,0,.1);padding:1px 7px;border-radius:10px;font-size:.8em}
.add-tag-btn{padding:6px 14px;background:#f5f5f5;border:2px dashed #ccc;border-radius:20px;cursor:pointer;font-size:.85em;color:#888;transition:all .2s}
.add-tag-btn:hover{border-color:#d32f2f;color:#d32f2f}
.article-tags{margin-top:8px;display:flex;gap:5px;flex-wrap:wrap}
.mini-tag{padding:2px 8px;border-radius:10px;font-size:.75em}
.reader-tags{margin-bottom:20px;display:flex;gap:6px;flex-wrap:wrap}
.auth-container{max-width:450px;margin:60px auto;padding:30px;background:white;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}
.auth-container h1{text-align:center;color:#d32f2f;margin-bottom:5px}
.auth-container h2{text-align:center;color:#555;font-weight:400;margin-bottom:25px}
.auth-form label{display:block;margin-bottom:15px;font-size:.9em;color:#555}
.auth-form input[type="email"],.auth-form input[type="text"],.auth-form input[type="password"]{display:block;width:100%;padding:10px 14px;margin-top:4px;border:2px solid #ddd;border-radius:8px;font-size:1em;outline:none;box-sizing:border-box;transition:border-color .2s}
.auth-form input:focus{border-color:#d32f2f}
.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:.85em!important}
.checkbox-label input[type="checkbox"]{margin-top:3px;width:16px;height:16px;flex-shrink:0}
.auth-form button{width:100%;padding:12px;background:#d32f2f;color:white;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;margin-top:10px;transition:background .2s}
.auth-form button:hover{background:#b71c1c}
.error-message{background:#ffebee;color:#c62828;padding:10px 14px;border-radius:8px;margin-bottom:15px;font-size:.9em}
.auth-link{text-align:center;margin-top:15px;font-size:.9em}
.auth-link a{color:#d32f2f;text-decoration:none}
.user-header{background:white;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);flex-wrap:wrap;gap:10px}
.user-info{font-size:.9em;color:#555}
.user-info strong{color:#333}
.logout-btn{padding:6px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;text-decoration:none;font-size:.85em;cursor:pointer;transition:all .2s}
.logout-btn:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}
.modal{border:none;border-radius:12px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,.2);max-width:400px;width:90%}
.modal::backdrop{background:rgba(0,0,0,.4)}
.tag-form{padding:20px}
.tag-form h3{margin-bottom:15px}
.tag-form input[type="text"]{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:1em;outline:none;margin-bottom:10px;box-sizing:border-box}
.color-emoji-row{display:flex;gap:10px;margin-bottom:15px}
.color-emoji-row input[type="color"]{width:50px;height:40px;border:2px solid #ddd;border-radius:8px;cursor:pointer}
.color-emoji-row input[type="text"][placeholder="🔖"]{flex:1;text-align:center;font-size:1.5em}
.modal-buttons{display:flex;gap:10px}
.modal-buttons button{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-size:.9em}
.modal-buttons button[type="submit"]{background:#d32f2f;color:white}
.modal-buttons button[type="button"]{background:#f5f5f5;color:#666}
.admin-container{max-width:1200px;margin:0 auto;padding:0;min-height:100vh;background:#f8f9fa}
.admin-nav{background:#1a1a2e;color:white;padding:15px 25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.admin-nav h1{color:white;font-size:1.2em;margin:0}
.admin-nav-links{display:flex;gap:5px;flex-wrap:wrap}
.admin-nav-links a{color:#ccc;text-decoration:none;padding:6px 14px;border-radius:6px;font-size:.9em;transition:all .2s}
.admin-nav-links a:hover,.admin-nav-links a.active{background:rgba(255,255,255,.1);color:white}
.admin-nav-links a.logout-link{color:#ff6b6b}
.admin-main{padding:25px}
.admin-card{background:white;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}
.admin-big-number{font-size:3em;font-weight:700;color:#d32f2f;margin:10px 0}
.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:.9em}
.status-on{background:#e8f5e9;color:#2e7d32}
.status-off{background:#ffebee;color:#c62828}
.role-badge{padding:2px 8px;border-radius:8px;font-size:.8em;font-weight:600}
.role-user{background:#e3f2fd;color:#1565c0}
.role-admin{background:#fff3e0;color:#e65100}
.role-superadmin{background:#fce4ec;color:#c62828}
.admin-table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.admin-table th{background:#f5f5f5;padding:12px 15px;text-align:left;font-weight:600;font-size:.85em;color:#666}
.admin-table td{padding:10px 15px;border-top:1px solid #eee;font-size:.9em}
.admin-actions{display:flex;gap:5px;flex-wrap:wrap}
.inline-form{display:inline-flex;gap:5px;align-items:center}
.inline-form select,.inline-form input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:.85em}
.btn-sm{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8em}
.btn-warn{background:#fff3e0;color:#e65100}
.btn-ok{background:#e8f5e9;color:#2e7d32}
.btn-danger{background:#ffebee;color:#c62828}
.btn-primary{padding:12px 24px;background:#d32f2f;color:white;border:none;border-radius:8px;font-size:1em;cursor:pointer}
.admin-danger-zone{border:2px solid #ffcdd2}
.pagination{display:flex;gap:5px;margin-top:15px;justify-content:center}
.pagination a{padding:6px 12px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#555}
.pagination a.active{background:#d32f2f;color:white;border-color:#d32f2f}
.success-message{background:#e8f5e9;color:#2e7d32;padding:10px 15px;border-radius:8px;margin-bottom:15px}
.settings-form label{display:block;margin-bottom:15px}
.settings-form input[type="text"],.settings-form input[type="number"],.settings-form select,.settings-form textarea{display:block;width:100%;padding:8px 12px;margin-top:4px;border:1px solid #ddd;border-radius:6px;font-size:.9em;box-sizing:border-box}
@media(max-width:600px){.container,.reader-container{padding:10px}.add-form form{flex-direction:column}.article-card{flex-direction:column}.article-actions{margin-left:0;margin-top:10px}.reader-header h1{font-size:1.4em}.reader-content{font-size:1em}.admin-nav{flex-direction:column;align-items:flex-start}.admin-nav-links{width:100%;justify-content:flex-start}}

/* ===== Логотип ===== */
.main-header {
    text-align: center;
    margin-bottom: 15px;
}

.logo-link {
    display: inline-block;
    text-decoration: none;
}

.logo-img {
    height: 40px;
    width: auto;
    vertical-align: middle;
}

/* Убираем старый текстовый заголовок h1 */
header h1 {
    display: none;
}

/* ===== Логотип на страницах авторизации ===== */
.auth-logo {
    text-align: center;
    margin-bottom: 15px;
}

/* Убираем старый текстовый h1 в auth-container */
.auth-container h1 {
    display: none;
}

.batcave-hint {
    text-align: center;
    color: #888;
    font-size: 0.85em;
    margin-bottom: 20px;
    font-style: italic;
}

.batcave .auth-logo {
    filter: grayscale(100%);
    opacity: 0.8;
}
.batcave { border-top: 3px solid #1a1a2e; }