:root{font-family:"DM Sans",sans-serif;color:#173549;background:#eef3f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button,a{transition:.16s ease}.archive-topbar{position:sticky;z-index:40;top:0;display:flex;align-items:center;height:58px;padding:0 18px;color:#fff;background:#071f33;box-shadow:0 3px 13px #071f3324}.archive-topbar>button{width:38px;border:0;color:#fff;background:transparent;font-size:21px}.archive-topbar>a:first-of-type,.archive-drawer-head>a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:700 19px Outfit,sans-serif}.archive-topbar>a span,.archive-drawer-head span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #fff;border-radius:6px}.archive-topbar>a:last-child{margin-left:auto;color:#d9e8f0;text-decoration:none;font-size:12px}.archive-drawer-overlay{position:fixed;z-index:80;inset:0;background:#04131fc2;backdrop-filter:blur(3px)}.archive-drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:330px;max-width:88vw;padding:21px;color:#fff;background:linear-gradient(165deg,#071f33,#0b3552);box-shadow:16px 0 45px #03121dbd;transform:translateX(-105%);transition:transform .2s ease}.archive-drawer.open{transform:none}.archive-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid #ffffff1f}.archive-drawer-head button{width:36px;height:36px;border:0;border-radius:7px;color:#fff;background:#ffffff14;font-size:23px}.archive-drawer nav{display:grid;gap:6px;margin-top:22px}.archive-drawer nav a{padding:13px 14px;border-radius:7px;color:#d7e6ef;text-decoration:none;font-size:13px;font-weight:700}.archive-drawer nav a:hover,.archive-drawer nav a.active{color:#071f33;background:#f4c400}.archive-drawer>p{display:grid;margin:auto 0 0;padding-top:18px;border-top:1px solid #ffffff1f}.archive-drawer>p small{color:#aac4d4}.archive-page{width:min(1500px,calc(100% - 34px));margin:27px auto}.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.archive-heading small,.archive-modal>section>small{color:#537d96;font-size:9px;font-weight:800;letter-spacing:1.2px}.archive-heading h1{margin:4px 0 3px;color:#071f33;font:700 30px/1 Outfit,sans-serif}.archive-heading p{margin:0;color:#708592;font-size:12px}.archive-heading button{min-height:39px;padding:0 15px;border:0;border-radius:6px;color:#fff;background:#0b2e47;font-size:10px;font-weight:800}.archive-card{overflow:hidden;border:1px solid #d5e0e6;border-radius:10px;background:#fff;box-shadow:0 13px 34px #071f330f}.archive-toolbar{display:flex;align-items:center;gap:14px;padding:13px;border-bottom:1px solid #dce5ea}.archive-toolbar label{display:grid;grid-template-columns:28px minmax(220px,500px);align-items:center;flex:1;max-width:540px;height:39px;border:1px solid #cad7df;border-radius:6px}.archive-toolbar label span{display:grid;place-items:center}.archive-toolbar input{height:36px;border:0;outline:0}.archive-toolbar b{margin-left:auto;padding:6px 10px;border-radius:14px;color:#173f58;background:#eef5f8;font-size:9px}.archive-table-wrap{overflow:auto;min-height:350px}.archive-table-wrap table{width:100%;min-width:1000px;border-collapse:collapse;text-align:left}.archive-table-wrap th{padding:11px 13px;color:#536c7b;background:#f4f7f9;font-size:9px;text-transform:uppercase}.archive-table-wrap td{padding:12px 13px;border-top:1px solid #e0e7eb;color:#526b7a;font-size:11px;vertical-align:middle}.archive-table-wrap td b,.archive-table-wrap td small{display:block}.archive-table-wrap td b{color:#173549}.archive-table-wrap td small{margin-top:3px;color:#82949f}.archive-view,.archive-delete{min-height:32px;padding:0 10px;border-radius:5px;font-size:8px;font-weight:800}.archive-view{border:0;color:#fff;background:#0b2e47}.archive-delete{border:1px solid #efb2b2;color:#bd3939;background:#fff6f6}.archive-empty{height:300px!important;text-align:center}.archive-modal{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:22px;background:#03131fbf;backdrop-filter:blur(6px)}.archive-modal>section{position:relative;width:min(760px,100%);max-height:calc(100vh - 44px);overflow:hidden;padding:25px;border-radius:14px;background:#fff;box-shadow:0 30px 90px #020d15a8}.archive-modal h2{margin:5px 40px 14px 0;color:#071f33;font:700 25px Outfit,sans-serif}.archive-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;color:#071f33;background:#eaf0f3;font-size:21px}.conversation-messages{display:flex;flex-direction:column;gap:9px;max-height:58vh;overflow-y:auto;padding:13px;border:1px solid #d8e2e7;border-radius:8px;background:#f2f6f8}.conversation-message{align-self:flex-start;max-width:80%;padding:9px 11px;border:1px solid #d5e0e5;border-radius:10px;background:#fff}.conversation-message.admin{align-self:flex-end;color:#fff;background:#0b2e47}.conversation-message b,.conversation-message small{display:block;font-size:9px}.conversation-message p{margin:4px 0;font-size:12px;white-space:pre-wrap}.conversation-message img{display:block;width:min(100%,330px);max-height:290px;object-fit:cover;border-radius:7px}.conversation-message small{opacity:.67}.archive-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.archive-modal-actions button{min-height:38px;padding:0 14px;border-radius:5px;font-size:9px;font-weight:800}.archive-modal-actions button:first-child{border:0;color:#fff;background:#d94848}.archive-modal-actions button:last-child{border:1px solid #c9d5dc;color:#071f33;background:#fff}.archive-toast{position:fixed;z-index:150;right:20px;bottom:20px;padding:12px 15px;border-radius:7px;color:#fff;background:#071f33;box-shadow:0 14px 35px #071f3342;font-size:11px}@media(max-width:700px){.archive-page{width:calc(100% - 18px);margin-top:17px}.archive-heading{align-items:flex-start;flex-direction:column}.archive-heading h1{font-size:25px}.archive-toolbar{align-items:stretch;flex-direction:column}.archive-toolbar label{width:100%;max-width:none}.archive-modal{align-items:end;padding:9px}.archive-modal>section{max-height:calc(100vh - 18px);padding:20px 14px}.conversation-message{max-width:90%}}