html,body{margin:0;width:100%;height:100%}:root{--bg-color: #f4f4f4;--text-color: #333;--container-bg: #fff;--heading-color: #333;--label-color: #555;--input-border: #ddd;--button-bg: #007bff;--button-hover-bg: #0056b3;--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--auth-container-bg: #2d3748;--auth-container-border: #4a5568;--auth-text-color: #e2e8f0;--auth-input-border: #4a5568;--auth-button-bg-default: #48bb78;--auth-button-hover-default: #38a169;--auth-button-bg-guest: #a0aec0;--auth-button-hover-guest: #8899a0;--auth-button-bg-signout: #fc8181;--auth-button-hover-signout: #f56565;--auth-status-color: #e2e8f0;--auth-hr-color: #4a5568;--dialog-bg: #2d3748;--dialog-border: #4a5568;--dialog-heading-color: #e2e8f0;--dialog-label-color: #cbd5e0;--dialog-input-border: #4a5568;--dialog-button-bg-submit: #48bb78;--dialog-button-bg-cancel: #a0aec0;--dialog-button-text-cancel: #2d3748}@media (prefers-color-scheme: dark){:root{--bg-color: #222328;--text-color: #fff;--container-bg: #2d3748;--heading-color: #f0f0f0;--label-color: #fff;--input-border: #fff;--button-bg: #66b3ff;--button-hover-bg: #3399ff;--success-bg: #28a745;--success-text: #fff;--success-border: #218838;--error-bg: #dc3545;--error-text: #fff;--error-border: #c82333;--auth-container-bg: #2d3748;--auth-container-border: #4a5568;--auth-text-color: #e2e8f0;--auth-input-border: #4a5568;--auth-button-bg-default: #48bb78;--auth-button-hover-default: #38a169;--auth-button-bg-guest: #a0aec0;--auth-button-hover-guest: #8899a0;--auth-button-bg-signout: #fc8181;--auth-button-hover-signout: #f56565;--auth-status-color: #e2e8f0;--auth-hr-color: #4a5568;--dialog-bg: #2d3748;--dialog-border: #4a5568;--dialog-heading-color: #e2e8f0;--dialog-label-color: #cbd5e0;--dialog-input-border: #4a5568;--dialog-button-bg-submit: #48bb78;--dialog-button-bg-cancel: #a0aec0;--dialog-button-text-cancel: #e2e8f0}}body{font-family:Inter,Arial,sans-serif;background-color:var(--bg-color);min-height:100svh;margin:0;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.container{background-color:var(--container-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:min(90vw,30rem);margin-inline:auto;margin-block:1rem;transition:background-color .3s ease,box-shadow .3s ease}h1{text-align:center;color:var(--heading-color);margin-bottom:1.5rem;transition:color .3s ease}form{display:flex;flex-direction:column;gap:1rem}label{font-weight:700;color:var(--label-color);transition:color .3s ease}input[type=text],textarea{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;font-size:16px;background-color:var( --container-bg );color:var(--text-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}button{padding:12px;margin-block:.75rem;background-color:var(--button-bg);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--button-hover-bg)}.success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}h2{text-align:center;color:var(--request-text-color);margin-bottom:1.5rem;transition:color .3s ease}.search-bar{width:100%;padding:10px;font-size:1rem;margin-bottom:1.5rem;border:1px solid var(--search-border);border-radius:4px;box-sizing:border-box;background-color:var(--search-bg);color:var(--request-text-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.requests-list{list-style:none;padding:0}.request-item{padding:1rem;border-bottom:1px solid var(--search-border);background-color:var(--search-bg);border-radius:.75rem;margin-bottom:.75rem;transition:background-color .3s ease,border-color .3s ease}.request-item:last-child{border-bottom:none}.request-item h3{margin:0 0 .5rem;color:var(--request-title-color);transition:color .3s ease}.request-item p{margin:0;color:var(--request-detail-color);transition:color .3s ease}.status-message{text-align:center;color:var(--status-message-color);padding:1rem;transition:color .3s ease}.error-message{text-align:center;color:var(--error-text);padding:1rem;transition:color .3s ease}.accept-button{background-color:var(--accept-button-bg);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000001a}.accept-button:hover{background-color:var(--accept-button-hover-bg);transform:translateY(-1px)}.request-actions{display:flex;gap:.5rem;margin-top:.75rem}@media (max-width: 600px){.request-container{padding:1.5rem;width:95vw}h2{font-size:1.8rem}}@media (max-width: 600px){.container{padding:1.5rem;width:95vw}h1{font-size:1.8rem}input[type=text],button{padding:10px;font-size:15px}}