*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;line-height:1.7;color:#2c3e50;background-color:#f5f6fa}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background-color:#fff;border-right:1px solid #e2e6ed;overflow-y:auto;z-index:100}.sidebar-header{padding:20px 16px 20px 24px;border-bottom:1px solid #e2e6ed;font-size:16px;font-weight:800;color:#4f6ef7;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.sidebar-content{padding:12px 0}.search-box{padding:4px 14px 8px}.search-box input{width:100%;padding:8px 12px;font-size:13px;color:#2c3e50;background-color:#f5f6fa;border:1px solid #e2e6ed;border-radius:8px;outline:none;transition:all .18s}.search-box input:focus{background-color:#fff;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71a}.search-box input::-webkit-search-cancel-button{cursor:pointer}.year-group{margin-bottom:8px}.year-title,.month-item,.day-item,.nav-item{font-family:inherit}.year-title{padding:12px 20px;font-size:13px;font-weight:700;color:#1a2540;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;text-align:left}.year-title:hover,.year-title.active{background-color:#eef1fe;color:#4f6ef7}.count-badge{background-color:#e8ecfd;color:#3a56e0;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}.count-badge.hot{background-color:#fdeaea;color:#e05a5a}.count-badge.solo{background-color:#f0f2f8;color:#a0aab8}.month-list{display:none}.month-list.active{display:block}.month-item{padding:8px 20px 8px 32px;font-size:12px;color:#7f8c9a;cursor:pointer;border-left:3px solid transparent;display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border-top:0;border-right:0;border-bottom:0;text-align:left}.month-item:hover{background-color:#eef1fe;color:#4f6ef7;border-left-color:#4f6ef7}.day-list{display:none}.day-list.active{display:block}.day-item{padding:6px 20px 6px 48px;font-size:11px;color:#a0aab8;cursor:pointer;border-left:3px solid transparent;display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border-top:0;border-right:0;border-bottom:0;text-align:left}.day-item:hover{background-color:#eef1fe;color:#3a56e0;border-left-color:#3a56e0}.day-item.active{background-color:#eef1fe;color:#3a56e0;border-left-color:#3a56e0;font-weight:600}.main-content{margin-left:240px;padding:48px 52px;max-width:900px;min-height:100vh}.page-title{font-size:2rem;font-weight:800;color:#1a2540;margin-bottom:8px;letter-spacing:-.01em}.page-subtitle{color:#7f8c9a;margin-bottom:24px;font-size:14px}.date-section{display:none}.date-section.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-item{padding:12px 20px;font-size:13px;font-weight:600;color:#7f8c9a;cursor:pointer;border-left:3px solid transparent;display:flex;align-items:center;gap:8px;transition:all .18s;-webkit-user-select:none;user-select:none;width:100%;background:none;border-top:0;border-right:0;border-bottom:0;text-align:left}.nav-item:hover{background:#eef1fe;color:#4f6ef7}.nav-item.active{background:#eef1fe;color:#4f6ef7;border-left-color:#4f6ef7;font-weight:700}.date-group-header{display:flex;align-items:center;gap:10px;margin:26px 0 14px;font-size:13px;font-weight:700;color:#1a2540;letter-spacing:.02em}.date-group-header:after{content:"";flex:1;height:1px;background:#e2e6ed}.date-group-header:first-child{margin-top:4px}.card .card-title{transition:color .18s}.card:hover .card-title{color:#4f6ef7}.card.focused{outline:2px solid #4f6ef7;outline-offset:2px}.search-header{color:#4f6ef7}.card-open{flex-shrink:0;font-size:12px;font-weight:600;color:#3a56e0;transition:color .18s;align-self:flex-end}.card:hover .card-open{color:#4f6ef7}.more-hint{margin-top:20px;padding-bottom:8px;font-size:13px;color:#a0aab8;text-align:center}.empty-state{margin-top:64px;text-align:center;color:#a0aab8}.empty-state .emoji{font-size:48px;margin-bottom:16px}.empty-state .hint{font-size:14px}.card{display:block;text-decoration:none;color:inherit;background-color:#fff;border:1px solid #e2e6ed;border-radius:10px;padding:20px 24px;margin-bottom:16px;box-shadow:0 2px 12px #4f6ef712;transition:all .18s}.card:hover{box-shadow:0 4px 20px #4f6ef71f;border-color:#c5cde8}.card-title{font-size:1.1rem;font-weight:700;color:#1a2540;margin-bottom:8px}.card-date{font-size:12px;color:#7f8c9a;margin-bottom:12px;display:flex;gap:12px;align-items:center}.date-tag{background-color:#e8ecfd;color:#3a56e0;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.03em}.card-content{font-size:14px;color:#2c3e50;line-height:1.8;display:flex;align-items:center;gap:12px}.card-preview{color:#7f8c9a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.6;flex:1}.btn{background-color:#4f6ef7;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .18s}.btn:hover{background-color:#3a56e0}.btn-outline{background:none;border:1px solid #e2e6ed;color:#7f8c9a;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;transition:all .18s}.btn-outline:hover{color:#4f6ef7;border-color:#c5cde8;background-color:#eef1fe}.btn-warning{color:#a67c00;border-color:#f1d6a0;background-color:#fffdf5}.btn-warning:hover{color:#8a6500;border-color:#dfbd73;background-color:#fff8e6}.btn-danger{color:#c74444;border-color:#f0c9c9;background-color:#fef7f6}.btn-danger:hover{color:#fff;border-color:#c74444;background-color:#c74444}.form-row{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:#1a2540;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid #e2e6ed;border-radius:8px;font-size:14px;color:#2c3e50;background-color:#fff}.form-input:focus{outline:none;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a254073;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease}.modal-overlay.show{opacity:1}.modal{background:#fff;border-radius:14px;box-shadow:0 12px 48px #1a254040;padding:28px 26px 22px;width:100%;max-width:380px;text-align:center;transform:translateY(12px) scale(.98);transition:transform .18s ease}.modal-overlay.show .modal{transform:none}.modal-icon{font-size:36px;margin-bottom:10px}.modal-title{font-size:16px;font-weight:700;color:#1a2540;margin-bottom:8px}.modal-message{font-size:13px;color:#7f8c9a;line-height:1.7;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .btn-outline,.modal-actions .btn{padding:9px 18px;font-size:13px}.btn.danger{background-color:#e05a5a}.btn.danger:hover{background-color:#c74444}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background-color:#1a2540;color:#fff;padding:12px 22px;border-radius:10px;font-size:14px;box-shadow:0 8px 24px #1a254040;opacity:0;transition:all .25s ease;z-index:400;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#4f6ef726;z-index:300;display:none;align-items:center;justify-content:center;pointer-events:none}.drop-overlay.active{display:flex}.drop-overlay-box{border:2px dashed #4f6ef7;border-radius:14px;background-color:#fff;padding:44px 64px;text-align:center;color:#4f6ef7;font-weight:700;font-size:18px;box-shadow:0 8px 30px #4f6ef733}.menu-toggle{display:none;position:fixed;top:16px;left:16px;width:40px;height:40px;background-color:#fff;border:1px solid #e2e6ed;border-radius:8px;cursor:pointer;z-index:150;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle:hover{background-color:#eef1fe}.menu-toggle span{width:18px;height:2px;background-color:#4f6ef7;border-radius:1px}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}.status-published{background-color:#e3f7e8;color:#1e7e34}.status-archived{background-color:#f0f0f0;color:#888}.status-processing{background-color:#fff4d6;color:#a67c00}.status-failed{background-color:#fdeaea;color:#c0392b}@media(max-width:768px){.sidebar{position:fixed;left:-240px;transition:left .3s ease;z-index:200;box-shadow:2px 0 8px #0000001a}.sidebar.open{left:0}.main-content{margin-left:0;padding:32px 20px}.menu-toggle{display:flex}.page-title{font-size:1.5rem}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#e2e6ed;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#c5cde8}::-webkit-scrollbar-track{background-color:transparent}