.docs-header{width:100%;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a;position:relative;z-index:10}.docs-header .header-content{max-width:var(--max-width);margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:.5rem;height:2.5rem;justify-content:space-between}.docs-header .logo{order:0}.desktop-nav{display:flex;align-items:center;order:2}.docs-list{display:grid;gap:1rem;padding:.5rem;animation:fadeIn .5s ease-out}.doc-card{background-color:#252538cc;border-radius:8px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 6px #0000001a;position:relative}.doc-card:hover{background-color:#2a2d3e99;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#ffd70026}.doc-title{font-weight:500;color:var(--color-text);font-size:1rem;margin:0}.action-button{background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:#ffffffb3;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.delete-button:hover{color:#ff6b6b}.new-doc-button{background-color:var(--color-accent);color:var(--color-secondary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003,0 0 0 2px #ffd7001a;position:relative;overflow:hidden}.new-doc-button span{font-size:1.5rem;margin-right:.5rem;transition:transform .3s ease}.new-doc-button:hover{background-color:color-mix(in srgb,var(--color-accent) 90%,white 10%);transform:translateY(-2px);box-shadow:0 6px 14px #00000040,0 0 0 3px #ffd70026}.new-doc-button:hover span{transform:rotate(90deg)}.new-doc-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026,0 0 0 2px #ffd70033;background-color:color-mix(in srgb,var(--color-accent) 85%,black 15%)}.new-doc-button:focus{outline:none;box-shadow:0 4px 10px #0003,0 0 0 3px #ffd7004d}.empty-state{text-align:center;color:#ffffffb3;padding:3.5rem;background-color:#25253899;border-radius:12px;border:1px dashed rgba(255,215,0,.2);margin-top:1.5rem;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-out}@media (max-width: 768px){.doc-card{padding:.75rem 1rem}.new-doc-button{width:100%}.doc-card .delete-button{display:none;pointer-events:none}.doc-card .mobile-delete-button{position:absolute;right:-60px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ff4757,#ff3742);border:none;border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:.85rem;font-weight:600;z-index:10;opacity:0;box-shadow:0 4px 12px #ff47574d;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:.3rem;min-width:70px;justify-content:center}.doc-card.show-mobile-delete .mobile-delete-button{right:.5rem;opacity:1;transform:translateY(-50%) scale(1)}.doc-card.show-mobile-delete{transform:translate(-8px);transition:transform .3s ease-out}.doc-card.show-mobile-delete:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ff47570d;border-radius:inherit;pointer-events:none}}#search-icon,#doc-search-input,#no-results-message{display:none}@media (max-width:768px){#search-icon{display:flex;margin:0 auto;order:1}#doc-search-input{display:block}.docs-header .logo{order:0}#search-icon{order:1;margin:0 auto}#hamburger-menu{order:2}.docs-header .header-content{justify-content:space-between}}@media (min-width: 769px){.doc-card .mobile-delete-button{display:none!important}}@media (min-width: 769px){.doc-card .delete-button{display:flex!important}}@media (min-width: 768px){#search-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:.75rem;color:#bbb;cursor:pointer;font-size:1.2rem;transition:color .2s;outline:none;background:none;border:none;padding:0 .25rem;height:2.2rem;width:2.2rem;order:1}#search-icon:focus,#search-icon:hover{color:var(--color-accent, #ffd700)}#search-icon{display:inline-flex;opacity:1;visibility:visible;transition:opacity .3s ease-out,visibility .3s ease-out,color .2s}#doc-search-input{display:inline-block;padding:.4rem .8rem;font-size:1rem;border:1.5px solid #bbb;border-radius:6px;background:#23233a;color:#fff;min-width:220px;max-width:320px;transition:border-color .2s,box-shadow .2s,opacity .3s ease-out,visibility .3s ease-out,width .3s ease-out;outline:none;order:1;margin-left:auto;margin-right:.75rem;opacity:0;visibility:hidden;width:0;padding-left:0;padding-right:0;overflow:hidden}#doc-search-input.search-active{opacity:1;visibility:visible;width:220px;padding:.4rem .8rem;border-color:var(--color-accent, #ffd700);box-shadow:0 0 0 2px #ffd70026;overflow:visible}#search-icon.search-active{opacity:0;visibility:hidden}#no-results-message{display:block;color:#ff6b6b;font-size:1.1rem;font-weight:500;margin:2rem 0 0;text-align:center;background:#252538b3;border-radius:8px;padding:2rem;border:1px dashed #ff6b6b33;box-shadow:0 2px 8px #00000014;animation:fadeIn .4s}#no-results-message[style*="display: none"]{display:none!important}}.highlight{background:gold;color:#23233a!important;border-radius:3px;padding:0 2px;font-weight:700}.context-menu{position:fixed;background:#252538f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;padding:.5rem 0;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#ff6b6b;cursor:pointer;transition:background-color .2s ease;font-size:.9rem}.context-menu-item:hover{background-color:#ff6b6b1a}.context-menu-item svg{color:#ff6b6b}.delete-btn{background-color:#ff6b6b!important;color:#fff!important}.delete-btn:hover{background-color:#ff5252!important}