*{margin:0;padding:0;box-sizing:border-box;font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif}body{background:#f5f5f5;min-height:100vh;display:flex}.main-content{flex:1;background:#f5f5f5;margin-left:250px;overflow-y:auto}.container{margin:0;background:#f5f5f5}.header{background:white;color:#333;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;margin:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.header h1{font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px}.header-actions{display:flex;gap:10px}.sidebar{width:250px;background:white;border-right:1px solid #e0e0e0;padding:20px 0;height:100vh;overflow-y:auto;position:fixed;z-index:1000}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.sidebar-title{color:#2196F3;font-size:16px;font-weight:600}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:5px}.sidebar-menu a{display:flex;align-items:center;padding:12px 20px;color:#666;text-decoration:none;font-size:14px;transition:all 0.3s ease}.sidebar-menu a:hover{background:#f0f8ff;color:#2196F3}.sidebar-menu a.active{background:#e3f2fd;color:#2196F3;border-right:3px solid #2196F3}.sidebar-icon i,.user-action i{margin-right:8px;color:#6B7280;transition:color 0.2s ease}.sidebar-menu a:hover .sidebar-icon i{color:#2196F3}.sidebar-footer{padding:20px;border-top:1px solid #e0e0e0;margin-top:auto}.user-profile{display:flex;align-items:center;justify-content:space-between}.user-main{display:flex;align-items:center;gap:6px}.user-avatar{width:36px;height:36px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#4a5568;font-weight:500;font-size:15px;text-decoration:none}.user-name{font-size:14px;font-weight:500;color:#333;text-decoration:none}.user-name:hover{text-decoration:underline}.user-action{background:none;border:none;cursor:pointer;font-size:18px;color:#6B7280;padding:0}.user-action:hover i{color:#5a67d8}.alert{padding:15px;margin:20px 0;border-radius:8px;font-size:14px}.alert-danger{background:#fee;color:#c53030;border:1px solid #fed7d7}.alert-success{background:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.alert-info{background:#ebf8ff;color:#3182ce;border:1px solid #bee3f8}.flash-messages{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px}.flash-message{padding:15px 20px;margin-bottom:10px;border-radius:8px;color:white;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:slideIn 0.3s ease}.flash-notice{background:#38a169}.flash-alert{background:#e53e3e}.flash-error{background:#e53e3e}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.flash-message{transition:opacity 0.3s ease}.port-input-box{width:100%;padding:8px 10px;font-size:14px;cursor:pointer}.port-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.4);z-index:1000}.port-modal.port-modal-active{display:flex}.port-modal-content{background:#fff;padding:20px;border-radius:6px;width:350px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.port-modal-close{position:absolute;top:8px;right:12px;font-size:18px;font-weight:bold;cursor:pointer}.port-modal-input{width:100%;padding:8px 10px;margin:10px 0;font-size:14px}.port-search-results{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;border-top:1px solid #ddd}.port-search-results li{padding:8px 10px;border-bottom:1px solid #eee;cursor:pointer}.port-search-results li:hover{background-color:#f0f0f0}.breadcrumbs{margin:0px 20px 10px 35px}.breadcrumbs a{color:#2196F3}