@import"https://fonts.cdnfonts.com/css/ds-digital";.app-container{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.page-content{flex-grow:1;padding:40px;overflow-y:auto}:root{--color-background: #d9d9d9;--color-background-hover: #B4B4B4;--color-black: #0d0d0d;--color-blue: #84DEFA;--color-green: #26a699;--color-red: #D9344E;--font-family-main: "Pretendard", sans-serif;--font-family-bold: "tossface", sans-serif}body{margin:0;font-family:var(--font-family-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background)}h1,h2,h3,h4,h5,h6,b,strong{font-family:var(--font-family-bold)}*{box-sizing:border-box}.logo-section{position:relative;margin-left:20px}.logo-title{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:10px}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-background);border:1px solid var(--color-background);border-radius:8px;box-shadow:0 8px 16px #0000001a;padding:8px 0;min-width:150px;z-index:100}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu ul li a{display:block;padding:12px 24px;color:var(--color-dark);text-decoration:none;font-size:16px}.dropdown-menu ul li a:hover{background-color:var(--color-background-hover)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px 40px;border-radius:8px;box-shadow:0 5px 15px #0000004d;min-width:300px;text-align:center}.modal-close-button{margin-top:20px;padding:10px 30px;font-size:16px;font-weight:700;background-color:#343a40;color:#fff;border:none;border-radius:4px;cursor:pointer}.submission-card{max-width:500px;margin:0 auto;background-color:#fff;border:1px solid var(--color-background);border-radius:8px;padding:40px;box-shadow:0 4px 12px #0000000d}.page-title{text-align:center;font-size:24px;color:var(--color-black);margin-top:0;margin-bottom:40px}.submission-form{display:flex;flex-direction:column;gap:25px}.form-group{width:100%}.form-group label{display:block;font-weight:700;margin-bottom:8px;color:var(--color-black)}.form-group input,.form-group select{width:100%;padding:12px;font-size:16px;border:1px solid #DEE2E6;border-radius:4px}.submit-button{display:block;margin:20px auto 0;padding:12px 50px;font-size:16px;font-weight:700;background-color:var(--color-green);color:#fff;border:none;border-radius:4px;cursor:pointer}.feedback-message{text-align:center;margin-top:20px;font-weight:700;color:var(--color-green)}.feedback-message.error{color:#d8000c}.modal-title{margin-top:0;margin-bottom:15px;font-size:24px;color:var(--color-black)}.modal-message{font-size:18px;margin:20px 0;color:var(--color-black)}.highlight-id{color:var(--color-green);font-size:22px;font-weight:700}.admin-page-card{background-color:var(--color-background);border-radius:8px;padding:40px;box-shadow:0 4px 12px #0000000d}.filter-container{display:flex;align-items:center;gap:30px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-background-hover)}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:700;color:#495057}.filter-group select{padding:8px 12px;border:1px solid var(--color-background-hover);border-radius:4px;font-size:14px}.action-buttons{margin-left:auto;display:flex;align-items:center;gap:15px}.admin-button{background:none;border:none;padding:8px 12px;font-size:14px;font-weight:700;color:#495057;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out}.table-wrapper{width:100%;overflow-x:auto}.order-table{width:100%;border-collapse:collapse;font-size:14px}.order-table th,.order-table td{padding:12px 15px;border-bottom:1px solid var(--color-background-hover);text-align:left;white-space:nowrap}.order-table th{background-color:var(--color-background-hover);font-weight:700}.order-table tbody tr:hover{background-color:var(--color-background-hover)}.order-table td[colSpan="6"]{text-align:center;padding:50px;color:var(--color-background-hover)}.table-select{width:100%;padding:6px;border:1px solid var(--color-background);border-radius:4px;background-color:transparent}.table-select:focus{outline:2px solid var(--color-green);border-color:transparent}.status-card{background-color:var(--color-blue);border-radius:8px;padding:24px;box-shadow:0 4px 6px #0000001a;color:var(--color-dark);display:flex;flex-direction:column}.card-title{margin:0 0 16px;font-size:24px;border-bottom:2px solid var(--color-black);padding-bottom:16px}.status-list{list-style:none;padding:0;margin:0;font-size:20px;max-height:25vh;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}.status-list::-webkit-scrollbar{width:8px}.status-list::-webkit-scrollbar-thumb{background-color:var(--color-light-gray);border-radius:4px}.status-list::-webkit-scrollbar-track{background-color:transparent}.status-item{padding:8px 0;text-align:center}.clock-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:var(--color-black);border-radius:8px;box-shadow:0 4px 6px #0000001a}.clock-time{font-size:240px;font-weight:700;color:var(--color-background);font-family:DS-Digital,sans-serif}.clock-seconds{font-size:.4em}.notice-board-container{background-color:var(--color-background);padding:10px;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:var(--color-black);font-size:22px}.emergency-bar{background-color:var(--color-red);color:var(--color-background);text-align:center;padding:10px;font-weight:700;font-size:18px}.emergency-bar p{margin:0}.dashboard-layout{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background)}.dashboard-main{display:flex;flex-grow:1;padding:32px;gap:32px}.sidebar-container{display:flex;flex-direction:column;width:350px;gap:32px}.content-container{display:flex;flex-direction:column;flex-grow:1;gap:32px}.page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--color-background)}.main-content-area{flex-grow:1;overflow-y:auto;padding:40px 20px}.lookup-card{max-width:900px;margin:0 auto;background-color:var(--color-background);border:1px solid var(--color-background);border-radius:8px;padding:40px;box-shadow:0 4px 12px #0000000d}.page-title{text-align:center;font-size:24px;color:var(--color-black);margin-top:0;margin-bottom:30px}.lookup-form{max-width:500px;margin:0 auto}.input-label{font-weight:700;margin-bottom:8px;display:block}.input-wrapper{position:relative;width:100%}.lookup-input{width:100%;padding:12px;font-size:16px;border:1px solid #DEE2E6;border-radius:4px}.clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--color-background-hover);border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;color:#fff;font-size:14px;line-height:20px}.submit-button{display:block;margin:0 auto;padding:10px 40px;font-size:16px;font-weight:700;background-color:var(--color-green);color:#fff;border:none;border-radius:4px;cursor:pointer}.divider{border:none;border-top:1px solid #E9ECEF;margin:40px 0}.result-area{min-height:100px}.error-message{color:#d8000c;font-weight:700;text-align:center}.result-table{width:100%;border-collapse:collapse;font-size:15px}.result-table th,.result-table td{border-bottom:1px solid var(--color-light-gray);padding:16px 8px;text-align:center}.result-table th{font-weight:700;color:var(--color-black)}.main-content-area::-webkit-scrollbar{width:9px;height:8px}.main-content-area::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px;background-clip:padding-box;border:2px solid transparent}.main-content-area::-webkit-scrollbar-thumb:hover{background-color:var(--color-background-hover)}.main-content-area::-webkit-scrollbar-track{background-color:var(--color-background);border-radius:4px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-card{width:100%;max-width:400px;padding:40px;background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 12px #0000001a}.login-button{display:block;margin:20px auto 0;padding:10px 40px;font-size:16px;font-weight:700;background-color:var(--color-green);color:#fff;border:none;border-radius:4px;cursor:pointer}.login-title-link{text-decoration:none;color:inherit;cursor:pointer}.login-card h2{text-align:center;margin-bottom:30px}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:400px}.modal-content h3{margin-top:0;margin-bottom:20px;text-align:center}.add-item-form input{width:100%;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:4px;margin-bottom:20px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px}.modal-content h3{margin-top:0;margin-bottom:25px;text-align:center;font-size:1.5rem}.add-event-form .form-group{margin-bottom:15px}.add-event-form .form-group label{display:block;margin-bottom:5px;font-weight:500}.add-event-form input,.add-event-form textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px}.add-event-form textarea{min-height:100px;resize:vertical}.modal-checkbox{justify-content:flex-start;margin-bottom:20px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.modal-buttons .cancel-button{background-color:#f0f2f5;color:#333}.modal-buttons .cancel-button:hover{background-color:#e2e6ea}.modal-buttons .submit-button{background-color:var(--color-green);color:#fff}.modal-buttons .submit-button:hover{background-color:#218c74}.modal-checkbox label{white-space:nowrap}.page-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background)}.main-content-area{flex-grow:1;overflow-y:auto;padding:20px}.settings-page-layout{display:flex;max-width:1200px;margin:0 auto;gap:20px}.settings-sidebar{width:200px;flex-shrink:0;background-color:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0000000d;align-self:flex-start;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.sidebar-menu{width:100%}.settings-sidebar button{display:block;width:100%;padding:15px;margin-bottom:5px;background-color:transparent;border:none;border-radius:6px;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.settings-sidebar button:hover{background-color:#f0f2f5}.settings-sidebar button.active{background-color:var(--color-green);color:#fff;font-weight:700}.sidebar-footer{width:100%;padding-top:10px;margin-top:10px;border-top:1px solid #f0f2f5}.home-link{display:block;text-align:center;padding:10px;text-decoration:none;color:#555;font-weight:500;border-radius:6px;transition:background-color .2s}.home-link:hover{background-color:#f0f2f5;color:#000}.settings-content{flex-grow:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee}.section-header h2{margin:0}.add-button{background-color:var(--color-black);color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#333}.settings-item.card-style{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.item-content{flex-grow:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;font-weight:500;margin-bottom:5px;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group{display:flex;gap:20px;margin-top:15px}.checkbox-group label{display:flex;align-items:center;gap:8px}.item-actions{flex-shrink:0}.delete-button{background-color:var(--color-red);color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s}.delete-button:hover{background-color:#c82333}.save-button{display:block;width:100%;padding:15px;margin-top:20px;background-color:var(--color-green);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#218c74}.action-buttons{display:flex;float:left}.admin-button{background:none;border:none;padding:8px 30px 8px 12px;font-size:14px;font-weight:700;color:#495057;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out}.admin-button:hover{color:var(--color-green)}
